I emailed the CSV file, the code in the article and my CSS information to the email supplied.

Thank for yuor help.
Wiechardt

Hello,

Thanks. We'll investigate it and report about results ASAP.

Regards,
ARI Soft

Check your mail, please.

Regards,
ARI Soft

I have tried altering the call to the jDataTable that you supplied:

{arijdatatable paging="true" bAutoWidth="false"}{aricsvtable file="images/price_list/price_list_2009.csv" width="790px"}{aricsvtablecolumns}{aricsvtablecolumn id="Botanical Name" className="leftAlign" headerClassName="width150" className="width150"}{aricsvtablecolumn id="Category" className="leftAlign" headerClassName="width50" className="width50"}{aricsvtablecolumn id="Afrikaans" className="leftAlign" headerClassName="width150" className="width150"}{aricsvtablecolumn id="English" className="leftAlign" headerClassName="width150" className="width150"}{aricsvtablecolumn id="Container" className="rightAlign" headerClassName="width30" className="width30"}{aricsvtablecolumn id="Price Excl. VAT" className="rightAlign" headerClassName="width50" className="width50"}{/aricsvtablecolumns}{/aricsvtable}{/arijdatatable}

but it does not fix my problem. It has addressed the issue that the columns resize when you use the sorting and upon opening the screen for the first time it seems like the column widths are as specified, but as soon as you start searching (using the provided search field) or when you change the "Display x number of rows" the table width and column widths change according to the information displayed on screen.

Is there something that I am doing wrong?

Please can I ask for more information on the CSS classes that are used by the jDataTable component.

I have compiled my own CSS using information from this forum but I cannot find the class and property thay I need to declare and modify to allow me to specify a font family and font size of the system text in the component (text such as the word "Search" next to the search box top right and "Show [] entries" as well as the "showing x number of y entries" at the bottom of the jDataTable).

I have tried the following classes in the CSS file:

.dataTables_wrapper table.display
{
font-size: 8pt;
font-family: Verdana, Arial, sans-serif;
}

.dataTables_wrapper table.display thead tr th,
.dataTables_wrapper table.display tfoot tr th
{
font-size: 8pt;
font-family: Verdana, Arial, sans-serif;
}

.dataTables_wrapper table.display tbody td
{
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

#mainbody
{
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

Thanks
Wiechardt

You can use the following CSS classes:



Regards,
ARI Soft