" />

This page is a sample of page using tables. It is designed to make test with
- css (edit page to change to test another css)
- jmobile (add parameter dol_use_jmobile=1&dol_optimize_smallscreen=1 to enable view with jmobile)
- dataTables
- tablednd




Example 0a : Table with div+div+div containg a select that should be overflowed and truncated => Use this to align text or form



Example 0b: Table with div+form+div containg a select that should be overflowed and truncated => Use this to align text or form



Example 0c: Table with table+tr+td containg a select that should be overflowed and truncated => Use this to align text or form



Example 1 : Standard table => Use this if you need the drag and drop for lines
use_javascript_ajax)) include DOL_DOCUMENT_ROOT.'/core/tpl/ajaxrow.tpl.php'; ?> trans('title1'),0,$_SERVER["PHP_SELF"],'aaa','','','align="left"',$sortfield,$sortorder); ?> trans('title2'),0,$_SERVER["PHP_SELF"],'bbb','','','align="right"',$sortfield,$sortorder); ?> trans('title3'),0,$_SERVER["PHP_SELF"],'ccc','','','align="center"',$sortfield,$sortorder); ?>
a1b1c1
a2b2c2




Example 2 : Table using tags: table/thead/tbody/tr/td + dataTable => Use this for long result tables
trans('zzz'),1,$_SERVER["PHP_SELF"],'','','','align="center" class="tagtd"',$sortfield,$sortorder); ?>
snake
line1 dfsdf xxx
line2 dfsdf xxx
line3 dfsdf xxx
line4 dfsdf xxx
line5 dfsdf xxx
line6 dfsdf xxx
line7 dfsdf xxx
line8 dfsdf xxx
line9 dfsdf xxx
line10 dfsdf xxx
line11 dfsdf xxx
line12 dfsdf xxx




Example 3 : Table using tags: div.tagtable+div.tagtr+div or div.tagtable+div.tagtr+div.tagtd => Use this, but AVOID IT if possible, for tables that need to have a different form for each line (drag and drop of lines does not work for this case, also height of title can't be forced to a minimum)

use_javascript_ajax)) include DOL_DOCUMENT_ROOT.'/core/tpl/ajaxrow.tpl.php'; ?>
line3
dfsdf
ffdsfsd
aaaa
line4
dfsdf
bbbb
line5
dfsdf
bbbb