UCH Wiki

Bu, dökümanın eski bir sürümüdür!

<datatables>
^ Column A ^ Column B ^ Column C ^
| Row A1 | Row B1 | Row C1 |
| Row A2 | Row B2 | Row C2 |
| Row A2 | Row B2 | Row C3 |
</datatables>

Column A	Column B	Column C
Row A1	Row B1	Row C1
Row A2	Row B2	Row C2
Row A2	Row B2	Row C3

<datatables>
<datatables header-rows="true">
| Row A1   | Row B1   | Row C1   |
| Row A2   | Row B2   | Row C2   |
| Row A2   | Row B2   | Row C3   |
</datatables>
</datatables>

Row A1	Row B1	Row C1
Row A2	Row B2	Row C2
Row A2	Row B2	Row C3

<datatables>
^ Name ^^
^ First ^ Last ^
| My | Name |
| Your | Name |
</datatables>

Name
First	Last
My	Name
Your	Name

wiki:plugin:datatables:examples&linkonly&inline

Option	Description	Allowed values	Default value
`scroll-y`	Vertical scrolling	`px`, `integer`, `boolean`	`false`
`scroll-x`	Horizontal scrolling	`px`, `integer`, `boolean`	`false`
`page-length`	Number of elements to display per page	`integer`	`10`
`paging`	Enable or disable table pagination	`boolean`	`true`
`ordering`	Feature control ordering (sorting) abilities in DataTables	`boolean`	`true`
`info`	Feature control table information display field	`boolean`	`true`
`order`	Initial order (sort) to apply to the table	`json`	`[[0, 'asc']]`
`searching`	Feature control search (filtering) abilities	`boolean`	`true`
`length-change`	Feature control the end user's ability to change the paging display length of the table	`boolean`	`true`
`state-save`	State saving - restore table state on page reload	`boolean`	`false`
`auto-width`	Feature control DataTables' smart column width handling	`boolean`	`true`
`paging-type`	Pagination button display options	`simple` – 'Previous' and 'Next' buttons only `simple_numbers` – 'Previous' and 'Next' buttons, plus page numbers `full` – 'First', 'Previous', 'Next' and 'Last' buttons `full_numbers` – 'First', 'Previous', 'Next' and 'Last' buttons, plus page numbers	`simple_numbers`
`dom`	Define the table control elements to appear on the page and in what order	`string`	`lfrtip`

Notes

* The option names are actually used as HTML5 data attributes, so they must be formatted with hyphens-and-lower-case instead of camelCase (see https://datatables.net/manual/options#HTML-5-data-attributes). * Do not prepend option names with data-. The prefix will be added by the plugin. * Complex option values must be specified using valid JSON, wrapped with single quotes '. For example: order='[[0, "asc"]]' or search='{"search":"fred"}'.

The plugin also implements extra features beyond the options from DataTables jQuery library.

Option	Description	Allowed values	Default value
`header-rows`	Makes sure the table header contains at least the specified number of rows, so that it can be formatted by DataTables. It transfers the first rows of the table body into the table header if necessary. Particularly useful when formatting tables generated by other plugins, which may not have created a proper table header.	`integer`	`0` (no effect)

	Attribute	Example
Fixed Header	`fixed-header`	`fixed-header=“true”` or `fixed-header='{ “header”: true, “headerOffset”: 50 }'`
Fixed Columns	`fixed-columns`	`fixed-columns=“true”`
Responsive	`responsive`	`responsive=“true”`
Buttons	`buttons`	`buttons='[ “copy”, “csv”, “print” ]'`

<datatable>
^ First name ^ Last name ^ Position ^ Office ^ Age ^ Start date ^ Salary ^ Extn. ^ E-mail ^
| Tiger | Nixon | System Architect | Edinburgh | 61 | 2011/04/25 | $320,800 | 5421 | [email protected] |
| Garrett | Winters | Accountant | Tokyo | 63 | 2011/07/25 | $170,750 | 8422 | [email protected] |
[...]
</datatable>