2013年5月3日 星期五

table 如何指定欄位寬度

table 須設定 css: table-layout: fixed 以便可以正確設定欄位寬度,且能加快顯示速度 (不需要等待資料全部載入才顯示)

英文字強制斷行
style="width:300px;word-break: break-all"
英文字不斷行 (欄寬會增加)
style="width:300px;word-break: normal"

若要讓文字超出欄寬時不要轉折而是截斷並出現...則再加上
overflow: hidden; white-space: nowrap; text-overflow:ellipsis;

轉為datatables 的參數設定如下
====
"bAutoWidth": false,
"bLengthChange": false,

沒有留言:

input 連結 datalist 用程式控制彈出選項

範例: nextTick(() => document.querySelector('input').showPicker());  ※僅支援現代瀏覽器