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


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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? 8 Years, 3 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? 8 Years, 3 Months ago Karma: 667
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? 8 Years, 3 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? 8 Years, 3 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? 8 Years, 3 Months ago Karma: 667
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