Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Combine 3 plugins?
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Combine 3 plugins?
#2106
Combine 3 plugins? 15 Years, 4 Months ago Karma: 0
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?
The administrator has disabled public write access.
 
#2107
Re:Combine 3 plugins? 15 Years, 4 Months ago Karma: 759
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
The administrator has disabled public write access.
 
#2108
Re:Combine 3 plugins? 15 Years, 4 Months ago Karma: 0
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!
The administrator has disabled public write access.
 
#2109
Re:Combine 3 plugins? 15 Years, 4 Months ago Karma: 0
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?
The administrator has disabled public write access.
 
#2110
Re:Combine 3 plugins? 15 Years, 4 Months ago Karma: 759
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
The administrator has disabled public write access.
 
Go to topPage: 1