Hi there

I have read many of the articles in this forum and went through the FAQ and available documentation but I cannot seem to find a solution to my problem.

Please take a look at this link - when I use the aricsvtable it displays the information correctly by allowing the information in the table to fit in the structure of the joomla template (by fitting into the structure I am referring to the fact that the information is scrollable as defined by the joomla template).

However, as soon as I apply the arijdatatable to the aricsvtable the structure of the table changes in a way that the information no longer scrolls with the page but instead ignores the srollbar on the joomla page. I have tried adding a div to the page but it did not solve my problem.

Please can I ask you to give me ideas on how to overcome this problem?

If the problem lies with my template or a combination between my template and the component I would like to use the tablesorter component but I need pointers from you on how to format the table with the ame background and fonr as my joomla template - I have found information on creating a CSS for Arijdatatable but no clue how to do this for tablesorter component.

Thank you

Hello,

It seems that now you use 'ARI JTable Sorter' plugin, but if you want to use 'ARI JDataTable' plugin, please, return back 'ARI JDataTable' that we can investigate this issue and provide solution.

Regards,
ARI Soft

Sorry about that, I was trying different to see if I can find a solution. I reverted and it's using JDataTable again and the issue is now visible.

One other thing I forgot to ask is whether it is possible to define a fixed column width on the JDataTable and how I would do it?

Thanks
Wiechardt

We have investigated this issue, we reproduced it only in IE and this problem not in 'ARI JDataTable' plugin, it's problem with template. Add the following CSS rules to your template CSS file and it should resolve this issue:

#mainbody
{
clear: right;
}

#scroll
{
position: relative;
}

Regards,
ARI Soft

Fantastic, thank you, it's working!

As mentioned in my previous post, one last question: How do I specify a fixed width for a column on the jDataItabe component? I would also like to know how to define a alignment of a column, let's say, the last should be right aligned and the other columsn left aligned?

Thanks
Wiechardt

Yes, you can set specific width and align. For this, you can use the following solution:

1) Use bAutoWidth="false" param for 'ARI JDataTable' and {aricsvtablecolumn} tag with 'width' and 'className' parameters. In other words, use the following code:

{arijdatatable bAutoWidth="false"}
{aricsvtable file="data/file.csv"}
{aricsvtablecolumns}
{aricsvtablecolumn id="Name" width="20px" className="rightAlign"}
{/aricsvtablecolumns}
{/aricsvtable}
{/arijdatatable}

This code create table where 'Name' column from CSV file will have width="20px" and CSS class 'rightAlign'

2) Create the following CSS rule in 'CSS Templates' section on the component backend:

TD.rightAlign
{
text-align: right;
}

Regards,
ARI Soft