rooty/DataTables
1
0
Fork 0
mirror of https://github.com/DataTables/DataTables.git synced 2025-02-27 00:54:15 +01:00
Code Issues Releases Activity

Update - example: Scrolling example updated to use the nowrap class to prevent wrapping of content and thus force scrolling

Browse Source
This commit is contained in:
Allan Jardine 2015-05-06 11:29:51 +01:00
parent 9a7cf935ea
commit 8236be574d
3 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.datatables-commit-sync
View File

@ -1 +1 @@
1dc69c628c87aae3c98b6118fcb16a19e4b773a2
47c99794a52af2d8c9f71df326bc7c830b93a38c

6
examples/basic_init/scroll_x.html
View File

@ -11,7 +11,6 @@
<link rel="stylesheet" type="text/css" href="../resources/demo.css">
<style type="text/css" class="init">
th, td { white-space: nowrap; }
div.dataTables_wrapper {
width: 800px;
margin: 0 auto;
@ -48,7 +47,7 @@ $(document).ready(function() {
also set to have the text content of each row on a single line (otherwise the browser will line break the text to have it fit into the available area).</p>
</div>
<table id="example" class="display" cellspacing="0" width="100%">
<table id="example" class="display nowrap" cellspacing="0" width="100%">
<thead>
<tr>
<th>First name</th>
@ -725,8 +724,7 @@ $(document).ready(function() {
<div class="css">
<div>
<p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The
additional CSS used is shown below:</p><code class="multiline language-css">th, td { white-space: nowrap; }
div.dataTables_wrapper {
additional CSS used is shown below:</p><code class="multiline language-css">div.dataTables_wrapper {
width: 800px;
margin: 0 auto;
}</code>

6
examples/basic_init/scroll_xy.html
View File

@ -11,7 +11,6 @@
<link rel="stylesheet" type="text/css" href="../resources/demo.css">
<style type="text/css" class="init">
th, td { white-space: nowrap; }
div.dataTables_wrapper {
width: 800px;
margin: 0 auto;
@ -44,7 +43,7 @@ $(document).ready(function() {
the scrolling accounts for this.</p>
</div>
<table id="example" class="display" cellspacing="0" width="100%">
<table id="example" class="display nowrap" cellspacing="0" width="100%">
<thead>
<tr>
<th>First name</th>
@ -722,8 +721,7 @@ $(document).ready(function() {
<div class="css">
<div>
<p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The
additional CSS used is shown below:</p><code class="multiline language-css">th, td { white-space: nowrap; }
div.dataTables_wrapper {
additional CSS used is shown below:</p><code class="multiline language-css">div.dataTables_wrapper {
width: 800px;
margin: 0 auto;
}</code>