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?

Changing alignment for some columns
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Changing alignment for some columns
#11007
Changing alignment for some columns 13 Years, 4 Months ago Karma: 1
How can i change the alignment of some columns of a table?
The administrator has disabled public write access.
 
#11008
Re:Changing alignment for some columns 13 Years, 4 Months ago Karma: 748
Do you use a table plugin or plain HTML table?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#11009
Re:Changing alignment for some columns 13 Years, 4 Months ago Karma: 1
I use the plugin. One time the arisqltable and one time i combine the arijdatatable with the arisqltable.
The administrator has disabled public write access.
 
#11010
Re:Changing alignment for some columns 13 Years, 4 Months ago Karma: 748
Add advancedStyling="true" attribute to "{arisqltable}" tag and specify CSS class name of table with help "className" attribute. Code will look like:

Code:


{arisqltable advancedStyling="true" className="tbl"}
    {arisqltablequery}
SELECT id AS ID,name AS NAME 
FROM #__users
    {/arisqltablequery}
{/arisqltable}



If you want to do text in first column right aligned, add the following code to "CSS Template" in "CSS Templates" section on component backend:

Code:


TABLE.tbl TD.actCell_0
{
 text-align: right;
}



If it is required for third column, use the following code:

Code:


TABLE.tbl TD.actCell_2
{
 text-align: right;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#11020
Re:Changing alignment for some columns 13 Years, 4 Months ago Karma: 1
Thanks! Works perfect!
The administrator has disabled public write access.
 
Go to topPage: 1