ARI Soft - How to change Column Header name & Column Width

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show 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.

more...
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.

more...

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

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI Data Tables

How to change Column Header name & Column Width

(1 viewing) (1) Guest

Page: 1

TOPIC: How to change Column Header name & Column Width

Forum Tools

#32125

How to change Column Header name & Column Width 11 Years, 9 Months ago

Karma: 1

My URL is: www.osac.edu.sg/agent-list/test-agent-list-2

This the plugin code i inserted on article:
Certified Student Recruitment Agents
{arijdatatable} {aricsvtable file="/agentlist/Active-Agents.csv"} {aricsvtablecolumns} {aricsvtablecolumn id="ID" alias="ID" width="5%" className="idg"} {aricsvtablecolumn id="NAME" alias="UserName" headerClassName="head"} {aricsvtablecolumn alias="Virtual Column" headerClassName="head" virtual="true" pos="1"} {/aricsvtablecolumn} {/aricsvtablecolumns} {/aricsvtable} {/arijdatatable}

Terminated Student Recruitment Agents
{arijdatatable} {aricsvtable file="/agentlist/Terminated-Agents.csv"} {aricsvtablecolumns} {aricsvtablecolumn id="ID" alias="ID" width="15%" className="idg"} {aricsvtablecolumn id="NAME" alias="UserName" headerClassName="head"} {aricsvtablecolumn alias="Virtual Column" headerClassName="head" virtual="true" pos="1"} {/aricsvtablecolumn} {/aricsvtablecolumns} {/aricsvtable} {/arijdatatable}

---------------
FIRST QUESTION:
How can i change the title of the column header?
1. Company_Name = Company Name
2. Portfolio = Country
3. Agenct_Certno = Certificate No.
4. Contract_enddate = Validity

SECOND QUESTION:
How can i change the width of the column?
as you can see with the link, the 3rd and 4th Column Header or not properly aligned.

rscampanero

The administrator has disabled public write access.

#32128

Re:How to change Column Header name & Column Width 11 Years, 9 Months ago Karma: 748

Hello,

Use the following plugin code:

Code:



{arijdatatable}

  {aricsvtable file="/agentlist/Active-Agents.csv"} 

    {aricsvtablecolumns}

      {aricsvtablecolumn id="COMPANY_NAME" alias="Company Name"}

      {/aricsvtablecolumn}

      {aricsvtablecolumn id="PORTFOLIO" alias="Country"}

      {/aricsvtablecolumn}

      {aricsvtablecolumn id="AGENT_CERTNO" alias="Certificate No."}

      {/aricsvtablecolumn}

      {aricsvtablecolumn id="CONTRACT_ENDDATE" alias="Validity"}

      {/aricsvtablecolumn}

    {/aricsvtablecolumns} 

  {/aricsvtable} 

{/arijdatatable}

and

Code:



{arijdatatable}

  {aricsvtable file="/agentlist/Terminated-Agents.csv"} 

    {aricsvtablecolumns}

      {aricsvtablecolumn id="COMPANY_NAME" alias="Company Name"}

      {/aricsvtablecolumn}

      {aricsvtablecolumn id="PORTFOLIO" alias="Country"}

      {/aricsvtablecolumn}

      {aricsvtablecolumn id="AGENT_CERTNO" alias="Certificate No."}

      {/aricsvtablecolumn}

      {aricsvtablecolumn id="CONTRACT_ENDDATE" alias="Validity"}

      {/aricsvtablecolumn}

    {/aricsvtablecolumns} 

  {/aricsvtable} 

{/arijdatatable}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#32132

Re:How to change Column Header name & Column Width 11 Years, 9 Months ago

Karma: 1

Thanks for the quick response!

Have a look at the updated URL: www.osac.edu.sg/agent-list/test-agent-list-2

Now the issue is the column width... as you can see the width sizing is not good. I wanted to lower the 1st column a bit to have the other 3 column properly aligned.

I dont know if its correct, i have added on {aricsvtablecolumn id="COMPANY_NAME" alias="Company Name" width="55%"} and rest of the column to 15% but still no changes at all...

Please help!

Thanks

rscampanero

The administrator has disabled public write access.

#32133

Re:How to change Column Header name & Column Width 11 Years, 9 Months ago Karma: 748

If you want to change width of "Company name" column, use the following plugin code:

Code:



{arijdatatable}

  {aricsvtable file="/agentlist/Active-Agents.csv"} 

    {aricsvtablecolumns}

      {aricsvtablecolumn id="COMPANY_NAME" alias="Company Name" headerClassName="company" className="company"}

      {/aricsvtablecolumn}

      {aricsvtablecolumn id="PORTFOLIO" alias="Country"}

      {/aricsvtablecolumn}

      {aricsvtablecolumn id="AGENT_CERTNO" alias="Certificate No."}

      {/aricsvtablecolumn}

      {aricsvtablecolumn id="CONTRACT_ENDDATE" alias="Validity"}

      {/aricsvtablecolumn}

    {/aricsvtablecolumns} 

  {/aricsvtable} 

{/arijdatatable}

Open "CSS Templates" page on component backend and create a new CSS template with the following CSS rules:

Code:



TABLE.display TH.company,

TABLE.display TD.company

{

  width: 55% !important;

}

Don't forget enable created CSS template.

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#32134

Re:How to change Column Header name & Column Width 11 Years, 9 Months ago	Karma: 1
Thank you so much... Im glad i have found this component and plugin... Keep up the good work! Great Support!

rscampanero

The administrator has disabled public write access.

Page: 1

Useful Links