rooty/DataTables
1
0
Fork 0
mirror of https://github.com/DataTables/DataTables.git synced 2025-01-30 23:52:11 +01:00
Code Issues Releases Activity

DEV: minor tweaks to the styling examples

Browse Source
This commit is contained in:
Allan Jardine 2018-06-14 11:18:59 +01:00
parent ec585db978
commit 387e55a469
6 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.datatables-commit-sync
View File

@ -1 +1 @@
f3f84c92698f2df79e4b4ae954d01b7ba9e59068
b02b8a2f75de6475a7c3fe7ced96103e744a6092

4
examples/styling/bootstrap.html
View File

@ -34,8 +34,8 @@ $(document).ready(function() {
"http://getbootstrap.com/css/#tables">table styling options</a> to present an interface with a uniform design, based on Bootstrap, for your site / app.</p>
<p>DataTables' Bootstrap integration also provides a renderer for the pagination control in DataTables to ensure that the pagination of the table is also styled
consistently by Bootstrap.</p>
<p>This integration is done simply by including the DataTables Bootstrap files (CSS and JS) which will set the defaults needed for DataTables to be initialised as
normal, as shown in this examples.</p>
<p>This integration is done simply by including the DataTables Bootstrap files (CSS and JS) which sets the defaults needed for DataTables to be initialised as
normal, as shown in this example.</p>
</div>
<div class="demo-html"></div>
<table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">

2
examples/styling/bootstrap4.html
View File

@ -31,7 +31,7 @@ $(document).ready(function() {
<h1>DataTables example <span>Bootstrap 4</span></h1>
<div class="info">
<p>As with Bootstrap 3, DataTables can also be integrated seamlessly with Bootstrap 4. This integration is done simply by including the DataTables Bootstrap 4
files (CSS and JS) which will set the defaults needed for DataTables to be initialised as normal, as shown in this examples.</p>
files (CSS and JS) which sets the defaults needed for DataTables to be initialised as normal, as shown in this example.</p>
</div>
<div class="demo-html"></div>
<table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">

3
examples/styling/compact.html
View File

@ -28,8 +28,7 @@ $(document).ready(function() {
<section>
<h1>DataTables example <span>Base style - compact</span></h1>
<div class="info">
<p>The <code>compact</code> class is used to reduce the amount of white-space the default styling for the DataTable uses, increasing the information density on
screen, as shown below.</p>
<p>The <code>compact</code> class reduces the amount of white-space in the default styling, increasing the information density on screen, as shown below.</p>
</div>
<div class="demo-html"></div>
<table id="example" class="display compact" cellspacing="0" width="100%">

4
examples/styling/foundation.html
View File

@ -34,8 +34,8 @@ $(document).ready(function() {
"http://foundation.zurb.com/docs/components/tables.html">table styling options</a> to present a consistent interface with your Foundation driven site / app.</p>
<p>DataTables' Foundation integration also provides a renderer for the pagination control in DataTables to ensure that the pagination of the table is also styled
consistently by Foundation.</p>
<p>This integration is done simply by including the DataTables Foundation files (CSS and JS) which will set the defaults needed for DataTables to be initialised as
normal, as shown in this examples.</p>
<p>This integration is done simply by including the DataTables Foundation files (CSS and JS) which sets the defaults needed for DataTables to be initialised as
normal, as shown in this example.</p>
</div>
<div class="demo-html"></div>
<table id="example" class="display" cellspacing="0" width="100%">

4
examples/styling/hover.html
View File

@ -28,8 +28,8 @@ $(document).ready(function() {
<section>
<h1>DataTables example <span>Base style - hover</span></h1>
<div class="info">
<p>This example shows DataTables with just the <code>hover</code> class specified. This class will instruct DataTables' styling to highlight a row when the mouse
is hovered over it.</p>
<p>This example shows DataTables with just the <code>hover</code> class specified. This class instructs DataTables' styling to highlight a row when the mouse is
hovered over it.</p>
</div>
<div class="demo-html"></div>
<table id="example" class="hover" cellspacing="0" width="100%">