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幅に影響します
 
$.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
   },