tableドラッグで列幅と行幅を変更
1395 ワード
jquery原文アドレスの使用https://www.cnblogs.com/qq545505061/p/9647867.html;
初期話プロパティ設定ドキュメントhttps://www.douban.com/note/86224998/
最新と新、tableに属性width:fit-contentを加える.tdは初期幅を設定し、このように列幅をドラッグすると、table行幅も追従し、自動的にスクロールバーを生成することができ、もともとtableはtable-layout:fixedしかなかった.table行幅は変わらず、tdをドラッグすると他のtd幅に影響します
初期話プロパティ設定ドキュメントhttps://www.douban.com/note/86224998/
最新と新、tableに属性width:fit-contentを加える.tdは初期幅を設定し、このように列幅をドラッグすると、table行幅も追従し、自動的にスクロールバーを生成することができ、もともとtableはtable-layout:fixedしかなかった.table行幅は変わらず、tdをドラッグすると他のtd幅に影響します
$.widget( "ui.resizable", $.ui.mouse, {
version: "1.12.1",
widgetEventPrefix: "resize",
options: {
alsoResize: false,
animate: false,
animateDuration: "slow",
animateEasing: "swing",
aspectRatio: false,
autoHide: false,
/*classes: {
"ui-resizable-se": "ui-icon ui-icon-gripsmall-diagonal-se"
},*/
containment: 'document',/**parent:
document: html document , ,
widow: , , ...
: [x1, y1, x2, y2] [ , , , ] , . , .
false:
[ ]false*/
ghost: false,
grid: false,
handles: "e",
helper: false,
maxHeight: null,
maxWidth: null,
minHeight: 10,
minWidth: 10,
// See #7960
zIndex: 90,
// Callbacks
resize: null,
start: null,
stop: null
},