This page is a sample of page using tables. To make test with<br>
- css (edit page to change)<br>
- jmobile (edit page to enable/disable)<br>
<h1>
This page is a sample of page using tables. It is designed to make test with<br>
- css (edit page to change to test another css)<br>
- jmobile (add parameter dol_use_jmobile=1 to enable view with jmobile)<br>
- dataTables<br>
- tablednd<br>
</h1>
<br><hr><br>Example 0a : Table with div+div+div containg a select that should be overflowed and truncated => Use this to align text or form<br>
<divclass="tagtable centpercent">
<divclass="tagtr">
<divclass="tagtd"style="overflow: hidden; white-space: nowrap; max-width: 100px;"><!-- If you remove max-width, the jmobile overflow does not work -->
<divclass="tagtd maxwidthonsmartphone"style="overflow: hidden; white-space: nowrap;"><!-- If you remove max-width, the jmobile overflow does not work -->
<selectname="hidedetails"><option>aaaaaaaaaaaaaaafd sf sf gfd gfds fsd gfd fhfg hf dhfg hg fhfgdhfgdh gh gfdhdgf h gfdh dfhg dfgh dfgh fdgh gfd hfd hfd gs fgdf gaaaa</option><option>gdfs gdf g sdfg dfg fdsg dsfg dfs gdfs gds fgs gdfdf gd</option></select>
</div>
<divclass="tagtd"style="overflow: hidden; white-space: nowrap; max-width: 100px;"><!-- If you remove max-width, the jmobile overflow does not work -->
<divclass="tagtd maxwidthonsmartphone"style="overflow: hidden; white-space: nowrap;"><!-- If you remove max-width, the jmobile overflow does not work -->
<selectname="hidedetails"><option>aaaaaaaaaaaaaaafd sf sf gfd gfds fsd gfd fhfg hf dhfg hg fhfgdhfgdh gh gfdhdgf h gfdh dfhg dfgh dfgh fdgh gfd hfd hfd gs fgdf gaaaa</option><option>gdfs gdf g sdfg dfg fdsg dsfg dfs gdfs gds fgs gdfdf gd</option></select>
</div>
</div>
...
...
@@ -84,7 +87,7 @@ This page is a sample of page using tables. To make test with<br>
<divclass="tagtd maxwidthonsmartphone"style="overflow: hidden; white-space: nowrap;"><!-- If you remove max-width, the jmobile overflow does not work -->
<selectname="hidedetails"><option>aaaaaaaaaaaaaaafd sf sf gfd gfds fsd gfd fhfg hf dhfg hg fhfgdhfgdh gh gfdhdgf h gfdh dfhg dfgh dfgh fdgh gfd hfd hfd gs fgdf gaaaa</option><option>gdfs gdf g sdfg dfg fdsg dsfg dfs gdfs gds fgs gdfdf gd</option></select>
</div>
<divclass="tagtd"style="max-width:100px; overflow: hidden; white-space: nowrap;"><!-- If you remove max-width, the jmobile overflow does not work -->
<divclass="tagtdmaxwidthonsmartphone"style="overflow: hidden; white-space: nowrap;"><!-- If you remove max-width, the jmobile overflow does not work -->
<selectname="hidedetails"><option>aaaaaaaaaaaaaaafd sf sf gfd gfds fsd gfd fhfg hf dhfg hg fhfgdhfgdh gh gfdhdgf h gfdh dfhg dfgh dfgh fdgh gfd hfd hfd gs fgdf gaaaa</option><option>gdfs gdf g sdfg dfg fdsg dsfg dfs gdfs gds fgs gdfdf gd</option></select>
</div>
</form>
...
...
@@ -97,7 +100,7 @@ This page is a sample of page using tables. To make test with<br>
<tdclass="tagtd maxwidthonsmartphone"style="overflow: hidden; white-space: nowrap;"><!-- If you remove max-width, the jmobile overflow does not work -->
<selectname="hidedetails"><option>aaaaaaaaaaaaaaafd sf sf gfd gfds fsd gfd fhfg hf dhfg hg fhfgdhfgdh gh gfdhdgf h gfdh dfhg dfgh dfgh fdgh gfd hfd hfd gs fgdf gaaaa</option><option>gdfs gdf g sdfg dfg fdsg dsfg dfs gdfs gds fgs gdfdf gd</option></select>
</td>
<tdclass="tagtd"style="max-width:100px; overflow: hidden; white-space: nowrap;"><!-- If you remove max-width, the jmobile overflow does not work -->
<tdclass="tagtdmaxwidthonsmartphone"style="overflow: hidden; white-space: nowrap;"><!-- If you remove max-width, the jmobile overflow does not work -->
<selectname="hidedetails"><option>aaaaaaaaaaaaaaafd sf sf gfd gfds fsd gfd fhfg hf dhfg hg fhfgdhfgdh gh gfdhdgf h gfdh dfhg dfgh dfgh fdgh gfd hfd hfd gs fgdf gaaaa</option><option>gdfs gdf g sdfg dfg fdsg dsfg dfs gdfs gds fgs gdfdf gd</option></select>