|
[x]
Posted via EE Mobile
|
|
| Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again. |
|
|
|
|
Asked by roger_v in JavaScript, Miscellaneous Web Development
I'm using jQuery table sorter plugin to sort html tables. It works o.k. (except sometimes it gives 'type is null' errors in IE8) but I'm unable to add sorting arrows. The arrows appear once the user clicks on the header but I'm trying to add arrows that are like so: < and > before the user clicks on the sortable table header so that they know that that column is sortable. For example, for a column with header like this: SKU Name I'd like it to be < SKU Name > before the user clicks on it to sort asc or desc. Once the user clicks on it the up and down arrows show up (from a link to images of up and down arrows). I tried adding the lesser than and greater than arrows but they don't show up! :( Any suggestions?
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
|
//the css that exists now
<style type="text/css">
th.header {
cursor:auto;
font-weight: bold;
background-repeat: no-repeat;
background-color:#FAECA0;
background-position: center left;
padding-left: 20px;
border-right: 1px solid #dad9c7;
margin-left: -1px;
}
th.headerSortUp {
background-image:url(../images/arrow_up.gif);
background-color:#EDCC0E;}
th.headerSortDown {
background-image:url(../images/arrow_down.gif);
background-color:#EDCC0E;}
</style>
I tried adding background-image:url(../images/arrow_lt.gif); and background-image:url(../images/arrow_gt.gif); in the first block of css code but they don't show up.
|
20091021-EE-VQP-81 - Hierarchy / EE_QW_3_20080625
