I have a club listing with 90 rows. If iDisplayLength is set to 10 or 25, the table display correctly, but if the iDisplayLength is set to 50 or 100, the width of the table increase and images in the table, used as icons decrease in size. This happens both when iDisplayLength is set in the content code, and when it's changed via the 'Show --- entries' dialog on the page itself. Attached are a couple of screen shots illustrating the problem.
The page where this can be seen is located at
http://coloradosquaredance.com/index.php/clubs, and here's the content code being used.
| Code: |
{arijdatatable bPaginate="true" sPaginationType="full_numbers" iDisplayLength="25" bAutoWidth="false"}
{aricsvtable file="/data/xml/allAreaClubs.csv" sortBy="dayWeek" sortDir="asc"}
{aricsvtablecolumns}
{aricsvtablecolumn id="dayWeek" alias="Day" pos="1" width="10%"}
{coltemplate}
<script>var day = '{$dayWeek}'.substr(2,3); document.write(day);</script>
{/coltemplate}
{/aricsvtablecolumn}
{aricsvtablecolumn id="clubIcon" alias="Icon" pos="2" width="25%"}
{coltemplate}<IMG SRC="/images/icons/{$clubIcon}" ALT="{$clubIcon}" width="80" >{/coltemplate}
{/aricsvtablecolumn}
{aricsvtablecolumn id="clubName" alias="Name/Description" pos="3"}
{coltemplate}<strong>{$clubName}</strong> - {$danceLevel} - {$clubDesc}
- <a href="http://coloradosquaredance.com/index.php/events-calendar/eventsbyyear/?search_fv={$clubName}" target="_top">View Club Events Calendar</a>
- {arilinkifier target="_blank"}Web Link: {$webLink} {/arilinkifier}
{/coltemplate}
{/aricsvtablecolumn}
{aricsvtablecolumn id="clubContactInfo" alias="Contact Info" pos="3"}
{coltemplate}{arilinkifier target="_blank"}{$clubContactInfo} - {$clubContactEmail}{/arilinkifier}{/coltemplate}
{/aricsvtablecolumn}
{aricsvtablecolumn id="venueName" alias="Venue" pos="4" width="12%"}
{coltemplate}{$venueName}, {$venueAddress1}, {$venueCity}, {$venueState} {$venueZipcode}
{/coltemplate}
{/aricsvtablecolumn}
{aricsvtablecolumn id="cssdaMember" alias="CSSDA" pos="5" width="10%"}
{coltemplate}{$Area} / {$cssdaMember}{/coltemplate}
{/aricsvtablecolumn}
{/aricsvtablecolumns}
{/aricsvtable}
{/arijdatatable}
|
