[dataTable] Scroll - horizontal and vertical

dataTable的卷軸呈現是在dataTable的參數裡頭設定

不用在CSS那邊處理

--

<div class="line number1 index0 alt2" style="white-space: nowrap; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 13px; color: #333333; margin: 0px !important; padding: 2px 1em !important; border-radius: 0px !important; background: none #f8f8f8 !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><code class="js plain" style="margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; color: #000000 !important; background: none !important; border: 0px !important; border-radius: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">$(document).ready( <code class="js keyword" style="margin: 0px !important; padding: 0px !important; font-weight: bold !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; color: #006699 !important; background: none !important; border: 0px !important; border-radius: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">function <code class="js plain" style="margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; color: #000000 !important; background: none !important; border: 0px !important; border-radius: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">() { <div class="line number2 index1 alt1" style="white-space: nowrap; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 13px; color: #333333; margin: 0px !important; padding: 2px 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><code class="js spaces" style="color: #444444; margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; background: none !important; border: 0px !important; border-radius: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"> <code class="js plain" style="margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; color: #000000 !important; background: none !important; border: 0px !important; border-radius: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">$( <code class="js string" style="background-color: #f5eee9; border: 1px solid #dfc4b2; margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; color: blue !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">'#example' <code class="js plain" style="margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; color: #000000 !important; background: none !important; border: 0px !important; border-radius: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">).DataTable( { <div class="line number3 index2 alt2" style="white-space: nowrap; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 13px; color: #333333; margin: 0px !important; padding: 2px 1em !important; border-radius: 0px !important; background: none #f8f8f8 !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><code class="js spaces" style="color: #444444; margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; background: none !important; border: 0px !important; border-radius: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"> <code class="js string" style="background-color: #f5eee9; border: 1px solid #dfc4b2; margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; color: blue !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"scrollY" <code class="js plain" style="margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; color: #000000 !important; background: none !important; border: 0px !important; border-radius: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">: 200, <div class="line number4 index3 alt1" style="white-space: nowrap; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 13px; color: #333333; margin: 0px !important; padding: 2px 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><code class="js spaces" style="color: #444444; margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; background: none !important; border: 0px !important; border-radius: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"> <code class="js string" style="background-color: #f5eee9; border: 1px solid #dfc4b2; margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; color: blue !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">"scrollX" <code class="js plain" style="margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; color: #000000 !important; background: none !important; border: 0px !important; border-radius: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">: <code class="js keyword" style="margin: 0px !important; padding: 0px !important; font-weight: bold !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; color: #006699 !important; background: none !important; border: 0px !important; border-radius: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">true <div class="line number5 index4 alt2" style="white-space: nowrap; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 13px; color: #333333; margin: 0px !important; padding: 2px 1em !important; border-radius: 0px !important; background: none #f8f8f8 !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><code class="js spaces" style="color: #444444; margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; background: none !important; border: 0px !important; border-radius: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"> <code class="js plain" style="margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; color: #000000 !important; background: none !important; border: 0px !important; border-radius: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">} ); <div class="line number6 index5 alt1" style="white-space: nowrap; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 13px; color: #333333; margin: 0px !important; padding: 2px 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;"><code class="js plain" style="margin: 0px !important; padding: 0px !important; font-family: 'Source Code Pro', Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; color: #000000 !important; background: none !important; border: 0px !important; border-radius: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important;">} );

--

https://datatables.net/examples/basic_init/scroll_xy.html

--

碎碎念

murmur

[dataTable] Scroll - horizontal and vertical

熱門文章

文章精選

文章搜尋

文章分類

最新文章

參觀人氣

GoogleAdsense