I'm using cvstable to read the file and have that wrapped with jdatatable. However, I like the grid / zebra visual aspects of jtablesorter, but it does not have filter capability. Is there a way I can combine the 3, or get jdatatable to look like jtablesorter?

Hello,

Sorry, but you can't combine two table plugin because they wrap HTML table with different javascript. If you want to change style for ARI JDataTable plugin, you can use 'CSS Template' for this purpose and the following information can be useful:

Feature CSS class

Processing indicator dataTables_processing
Information: inserted before the table.

Change display length dataTables_length
Information: inserted before the table.

Filter dataTables_filter
Information: inserted before the table.

Pagination dataTables_paginate
Information: inserted after the table.

Pagination paginate_disabled_previous,
paginate_enabled_previous

Pagination paginate_disabled_next,
paginate_enabled_next

Display information dataTables_info
Information: inserted after the table.

Sorting (headers) sorting_asc,
sorting_desc
Information: Applied to the TH in the table header

Sorting (columns) sorting_1,sorting_2,sorting_3
Information: Applied to the TD's in the column which is being sorted upon. The '_1', '_2' and '_3' prefix is applied for multi-column sorting in priority order.

General dataTables_wrapper
Information: General wrapper div element around the table.

Regards,
ARI Soft

Thanks.... I suspected I would have to do this via CSS changes. I conceptually understand CSS, but could use some help. How would I make jdatatable look like this jtablesorter example?

smart.ari-soft.com/ari-jtablesorter.html

Thanks again!

Did some digging around and it seems as though this CSS should give me the grid outline in the cells, but doesn't seem to work:

table.tablesorter {
background-color:#CDCDCD;
}

Help?

Create css templat in 'CSS Templates' section on the component backend with the following code:

.dataTables_wrapper table.display
{
font-family:arial;
background-color: #CDCDCD;
margin:10px 0pt 15px;
font-size: 8pt;
width: 100%;
text-align: left;
}

.dataTables_wrapper table.display thead tr th,
.dataTables_wrapper table.display tfoot tr th
{
background-color: #e6EEEE;
border: 1px solid #FFF;
font-size: 8pt;
padding: 4px;
}

.dataTables_wrapper table.display thead tr .sorting
{
background-image: url(../../../install/plugins/content/arijtablesorter/js/themes/blue/bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}

.dataTables_wrapper table.display tbody td
{
color: #3D3D3D;
padding: 4px;
background-color: #FFF;
vertical-align: top;
}

.dataTables_wrapper table.display tbody tr.odd td
{
background-color:#F0F0F6;
}

.dataTables_wrapper table.display thead tr .sorting_asc
{
background-image: url(../../../install/plugins/content/arijtablesorter/js/themes/blue/asc.gif);
}

.dataTables_wrapper table.display thead tr .sorting_desc
{
background-image: url(../../../install/plugins/content/arijtablesorter/js/themes/blue/desc.gif);
}

.dataTables_wrapper table.display thead tr .sorting_desc,
.dataTables_wrapper table.display thead tr .sorting_asc
{
background-color: #8dbdd8;
}

It should help.

Regards,
ARI Soft