PageRenderTime 24ms CodeModel.GetById 15ms RepoModel.GetById 0ms app.codeStats 0ms

/public/DataTables/extensions/Responsive/examples/index.html

https://gitlab.com/dae.nuli/resep
HTML | 161 lines | 161 code | 0 blank | 0 comment | 0 complexity | d19a6917d54e1944d03c58d6cd976bb4 MD5 | raw file
    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. 	<meta charset="utf-8">
    5. 

  5. 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
    6. 

  6. 	<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
    7. 

  7. 	<link rel="stylesheet" type="text/css" href="../../../examples/resources/syntax/shCore.css">
    8. 

  8. 	<link rel="stylesheet" type="text/css" href="../../../examples/resources/demo.css">
    9. 

  9. 	<script type="text/javascript" language="javascript" src="../../../examples/resources/syntax/shCore.js">
    10. 

  10. 	</script>
    11. 

  11. 	<script type="text/javascript" language="javascript" src="../../../examples/resources/demo.js">
    12. 

  12. 	</script>
    13. 

  13. 	<title>Responsive examples - Responsive</title>
    14. 

  14. </head>
    15. 

  15. <body class="dt-example">
    16. 

  16. 	<div class="container">
    17. 

  17. 		<section>
    18. 

  18. 			<h1>Responsive example <span>Responsive</span></h1>
    19. 

  19. 			<div class="info">
    20. 

  20. 				<p>In the modern world of responsive web design tables can often cause a particular problem for designers due to their row based layout. Responsive is an extension
    21. 

  21. 				for DataTables that resolves that problem by optimising the table's layout for different screen sizes through the dynamic insertion and removal of columns from the
    22. 

  22. 				table.</p>
    23. 

  23. 			</div>
    24. 

  24. 		</section>
    25. 

  25. 	</div>
    26. 

  26. 	<section>
    27. 

  27. 		<div class="footer">
    28. 

  28. 			<div class="gradient"></div>
    29. 

  29. 			<div class="liner">
    30. 

  30. 				<div class="toc">
    31. 

  31. 					<div class="toc-group">
    32. 

  32. 						<h3><a href="./initialisation/index.html">Basic initialisation</a></h3>
    33. 

  33. 						<ul class="toc">
    34. 

  34. 							<li>
    35. 

  35. 								<a href="./initialisation/className.html">Class name</a>
    36. 

  36. 							</li>
    37. 

  37. 							<li>
    38. 

  38. 								<a href="./initialisation/option.html">Configuration option</a>
    39. 

  39. 							</li>
    40. 

  40. 							<li>
    41. 

  41. 								<a href="./initialisation/new.html">`new` constructor</a>
    42. 

  42. 							</li>
    43. 

  43. 							<li>
    44. 

  44. 								<a href="./initialisation/ajax.html">Ajax data</a>
    45. 

  45. 							</li>
    46. 

  46. 							<li>
    47. 

  47. 								<a href="./initialisation/default.html">Default initialisation</a>
    48. 

  48. 							</li>
    49. 

  49. 						</ul>
    50. 

  50. 					</div>
    51. 

  51. 					<div class="toc-group">
    52. 

  52. 						<h3><a href="./display-types/index.html">Display-types</a></h3>
    53. 

  53. 						<ul class="toc">
    54. 

  54. 							<li>
    55. 

  55. 								<a href="./display-types/immediateShow.html">Immediately show hidden details</a>
    56. 

  56. 							</li>
    57. 

  57. 							<li>
    58. 

  58. 								<a href="./display-types/modal.html">Modal details display</a>
    59. 

  59. 							</li>
    60. 

  60. 							<li>
    61. 

  61. 								<a href="./display-types/bootstrap-modal.html">Bootstrap modal</a>
    62. 

  62. 							</li>
    63. 

  63. 							<li>
    64. 

  64. 								<a href="./display-types/bootstrap4-modal.html">Bootstrap 4 modal</a>
    65. 

  65. 							</li>
    66. 

  66. 							<li>
    67. 

  67. 								<a href="./display-types/foundation-modal.html">Foundation modal</a>
    68. 

  68. 							</li>
    69. 

  69. 							<li>
    70. 

  70. 								<a href="./display-types/semanticui-modal.html">Semantic UI modal</a>
    71. 

  71. 							</li>
    72. 

  72. 							<li>
    73. 

  73. 								<a href="./display-types/jqueryui-modal.html">jQuery UI modal</a>
    74. 

  74. 							</li>
    75. 

  75. 						</ul>
    76. 

  76. 					</div>
    77. 

  77. 					<div class="toc-group">
    78. 

  78. 						<h3><a href="./column-control/index.html">Column-control</a></h3>
    79. 

  79. 						<ul class="toc">
    80. 

  80. 							<li>
    81. 

  81. 								<a href="./column-control/auto.html">Automatic column hiding</a>
    82. 

  82. 							</li>
    83. 

  83. 							<li>
    84. 

  84. 								<a href="./column-control/columnPriority.html">Column priority</a>
    85. 

  85. 							</li>
    86. 

  86. 							<li>
    87. 

  87. 								<a href="./column-control/classes.html">Class control</a>
    88. 

  88. 							</li>
    89. 

  89. 							<li>
    90. 

  90. 								<a href="./column-control/init-classes.html">Assigned class control</a>
    91. 

  91. 							</li>
    92. 

  92. 							<li>
    93. 

  93. 								<a href="./column-control/column-visibility.html">With Buttons - Column visibility</a>
    94. 

  94. 							</li>
    95. 

  95. 							<li>
    96. 

  96. 								<a href="./column-control/fixedHeader.html">With FixedHeader</a>
    97. 

  97. 							</li>
    98. 

  98. 							<li>
    99. 

  99. 								<a href="./column-control/colreorder.html">With ColReorder</a>
    100. 

  100. 							</li>
    101. 

  101. 						</ul>
    102. 

  102. 					</div>
    103. 

  103. 					<div class="toc-group">
    104. 

  104. 						<h3><a href="./child-rows/index.html">Child rows</a></h3>
    105. 

  105. 						<ul class="toc">
    106. 

  106. 							<li>
    107. 

  107. 								<a href="./child-rows/disable-child-rows.html">Disable child rows</a>
    108. 

  108. 							</li>
    109. 

  109. 							<li>
    110. 

  110. 								<a href="./child-rows/column-control.html">Column controlled child rows</a>
    111. 

  111. 							</li>
    112. 

  112. 							<li>
    113. 

  113. 								<a href="./child-rows/right-column.html">Column control - right</a>
    114. 

  114. 							</li>
    115. 

  115. 							<li>
    116. 

  116. 								<a href="./child-rows/whole-row-control.html">Whole row child row control</a>
    117. 

  117. 							</li>
    118. 

  118. 							<li>
    119. 

  119. 								<a href="./child-rows/custom-renderer.html">Custom child row renderer</a>
    120. 

  120. 							</li>
    121. 

  121. 						</ul>
    122. 

  122. 					</div>
    123. 

  123. 					<div class="toc-group">
    124. 

  124. 						<h3><a href="./styling/index.html">Styling</a></h3>
    125. 

  125. 						<ul class="toc">
    126. 

  126. 							<li>
    127. 

  127. 								<a href="./styling/bootstrap.html">Bootstrap styling</a>
    128. 

  128. 							</li>
    129. 

  129. 							<li>
    130. 

  130. 								<a href="./styling/bootstrap4.html">Bootstrap 4 styling</a>
    131. 

  131. 							</li>
    132. 

  132. 							<li>
    133. 

  133. 								<a href="./styling/foundation.html">Foundation styling</a>
    134. 

  134. 							</li>
    135. 

  135. 							<li>
    136. 

  136. 								<a href="./styling/semanticui.html">Semantic UI</a>
    137. 

  137. 							</li>
    138. 

  138. 							<li>
    139. 

  139. 								<a href="./styling/jqueryui.html">jQuery UI styling</a>
    140. 

  140. 							</li>
    141. 

  141. 							<li>
    142. 

  142. 								<a href="./styling/compact.html">Compact styling</a>
    143. 

  143. 							</li>
    144. 

  144. 							<li>
    145. 

  145. 								<a href="./styling/scrolling.html">Vertical scrolling</a>
    146. 

  146. 							</li>
    147. 

  147. 						</ul>
    148. 

  148. 					</div>
    149. 

  149. 				</div>
    150. 

  150. 				<div class="epilogue">
    151. 

  151. 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
    152. 

  152. 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
    153. 

  153. 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
    154. 

  154. 					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2016<br>
    155. 

  155. 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
    156. 

  156. 				</div>
    157. 

  157. 			</div>
    158. 

  158. 		</div>
    159. 

  159. 	</section>
    160. 

  160. </body>
    161. 

  161. </html>
    162.