mirror of
https://github.com/DataTables/DataTables.git
synced 2024-12-01 13:24:10 +01:00
Dev: Markdown update - add a class to lists and tables so we know when
they have been generated by markdown. Must easier for styling
This commit is contained in:
parent
80e748cc11
commit
eb74bc591a
@ -1 +1 @@
|
||||
d3de0eee0b27a066360fdaa17488d23c44d943a6
|
||||
013a4437a1e2937bbbdc1d8a106f585d7b0e1398
|
||||
|
@ -46,7 +46,7 @@ $(document).ready(function() {
|
||||
custom HTML5 data attributes</a>. DataTables will automatically detect four different attributes on the
|
||||
HTML elements:</p>
|
||||
|
||||
<ul>
|
||||
<ul class="markdown">
|
||||
<li><code>data-sort</code> or <code>data-order</code> - for ordering data</li>
|
||||
<li><code>data-filter</code> or <code>data-search</code> - for search data</li>
|
||||
</ul>
|
||||
|
@ -42,7 +42,7 @@ $(document).ready(function() {
|
||||
|
||||
<p>This parameter can take one of two forms:</p>
|
||||
|
||||
<ul>
|
||||
<ul class="markdown">
|
||||
<li>A 1D array of options which will be used for both the displayed option and the value, or</li>
|
||||
<li>A 2D array in which the first array is used to define the value options and the second array
|
||||
the displayed options (useful for language strings such as 'All').</li>
|
||||
|
@ -51,7 +51,7 @@ $(document).ready(function() {
|
||||
|
||||
<p>The example below shows:</p>
|
||||
|
||||
<ul>
|
||||
<ul class="markdown">
|
||||
<li>Column 1 - default ordering</li>
|
||||
<li>Column 2 - default ordering</li>
|
||||
<li>Column 3 - ascending ordering only</li>
|
||||
|
@ -54,7 +54,7 @@ $(document).ready(function() {
|
||||
"DataTables initialisation option">ajax.dataSrc<span>DT</span></code></a> has a number of ways in which
|
||||
it can be used:</p>
|
||||
|
||||
<ul>
|
||||
<ul class="markdown">
|
||||
<li>As a string (e.g. <code>dataSrc: 'myData'</code>) - obtain data from a different property in
|
||||
the source object.</li>
|
||||
<li>As an empty string (e.g. <code>dataSrc: ''</code>) - the data source is not an object but an
|
||||
|
@ -46,7 +46,7 @@ $(document).ready(function() {
|
||||
"DataTables initialisation option">ajax.dataSrc<span>DT</span></code></a> has a number of ways in which
|
||||
it can be used:</p>
|
||||
|
||||
<ul>
|
||||
<ul class="markdown">
|
||||
<li>As a string (e.g. <code>dataSrc: 'myData'</code>) - obtain data from a different property in
|
||||
the source object.</li>
|
||||
<li>As an empty string (e.g. <code>dataSrc: ''</code>) - the data source is not an object but an
|
||||
|
@ -46,7 +46,7 @@ $(document).ready(function() {
|
||||
<p>In some tables you might wish to have some content generated automatically. This can be done in a
|
||||
number of ways:</p>
|
||||
|
||||
<ul>
|
||||
<ul class="markdown">
|
||||
<li><a href="//datatables.net/reference/option/columns.render"><code class="option" title=
|
||||
"DataTables initialisation option">columns.render<span>DT</span></code></a> for content that is
|
||||
dynamic (i.e. based upon the row's data)</li>
|
||||
|
@ -60,7 +60,7 @@ $(document).ready(function() {
|
||||
"//datatables.net/reference/option/columns.data"><code class="option" title=
|
||||
"DataTables initialisation option">columns.data<span>DT</span></code></a> to read arrays:</p>
|
||||
|
||||
<ul>
|
||||
<ul class="markdown">
|
||||
<li>The <em>Name</em> column is sourced from an array of two elements (first and last name), which
|
||||
are automatically concatenated together. This is done by using array bracket syntax, with the
|
||||
characters between the brackets being used as the glue between elements (e.g. <code>name[,
|
||||
|
@ -41,7 +41,7 @@ $(document).ready(function() {
|
||||
|
||||
<p>There are four built-in options for which pagination controls DataTables should show:</p>
|
||||
|
||||
<ul>
|
||||
<ul class="markdown">
|
||||
<li><code class="string" title="String">simple</code> - 'Previous' and 'Next' buttons only</li>
|
||||
<li><code class="string" title="String">simple_numbers</code> - 'Previous' and 'Next' buttons, plus
|
||||
page numbers</li>
|
||||
|
@ -49,7 +49,7 @@ $(document).ready(function() {
|
||||
|
||||
<p>The built-in options available are:</p>
|
||||
|
||||
<ul>
|
||||
<ul class="markdown">
|
||||
<li><code>l</code> - <code>L</code>ength changing</li>
|
||||
<li><code>f</code> - <code>F</code>iltering input</li>
|
||||
<li><code>t</code> - The <code>T</code>able!</li>
|
||||
|
@ -46,7 +46,7 @@ $(document).ready(function() {
|
||||
<p>DataTables allows ordering by multiple columns at the same time, which can be activated in a number
|
||||
of different ways:</p>
|
||||
|
||||
<ul>
|
||||
<ul class="markdown">
|
||||
<li>User shift click on a column (added the clicked column as a secondary, tertiary etc ordering
|
||||
column).</li>
|
||||
<li>On a per-column basis (i.e. order by a specific column and then a secondary column if the data
|
||||
|
@ -21,7 +21,7 @@
|
||||
<div class="info">
|
||||
<p>DataTables can obtain data from four different fundamental sources:</p>
|
||||
|
||||
<ul>
|
||||
<ul class="markdown">
|
||||
<li>HTML document (DOM)</li>
|
||||
<li>Javascript (array / objects)</li>
|
||||
<li>Ajax sourced data with client-side processing</li>
|
||||
|
@ -48,7 +48,7 @@ $(document).ready(function() {
|
||||
"DataTables initialisation option">ajax<span>DT</span></code></a> option's <code>data</code> parameter
|
||||
which can be used in one of two different ways:</p>
|
||||
|
||||
<ul>
|
||||
<ul class="markdown">
|
||||
<li><code>object</code> - An object data to send to the server. This is useful for adding static
|
||||
data to the request.</li>
|
||||
<li><code>function</code> - A function which will manipulate the data object to send to the server,
|
||||
|
@ -51,7 +51,7 @@ $(document).ready(function() {
|
||||
<p>In addition to <code>DT_RowId</code> there are two other properties which perform similar actions:
|
||||
<code>DT_RowClass</code> and <code>DT_RowData</code>:</p>
|
||||
|
||||
<ul>
|
||||
<ul class="markdown">
|
||||
<li>{string} <code>DT_RowId</code> - Add an ID to the <em>TR</em> element</li>
|
||||
<li>{string} <code>DT_RowClass</code> - Add a class name to the <em>TR</em> element</li>
|
||||
<li>{object} <code>DT_RowData</code> - Add HTML5 <em>data-</em> attributes to the <em>TR</em>
|
||||
|
@ -34,7 +34,7 @@ $(document).ready(function() {
|
||||
<p>The DataTables default style file has a number of features which can be enabled based on the class
|
||||
name of the table. These features are:</p>
|
||||
|
||||
<ul>
|
||||
<ul class="markdown">
|
||||
<li><code>stripe</code> - Zebra striped rows</li>
|
||||
<li><code>cell-border</code> - Cells with a border</li>
|
||||
<li><code>row-border</code> - Rows with a border (only one of <code>cell-border</code> and
|
||||
|
Loading…
Reference in New Issue
Block a user