Question

使用jstree和表插件。列宽250未应用于列＆＃39;价格＆＃39;和＆＃39;数量＆＃39;。我已经将列宽为250列，而Price＆＃39; Price＆＃39;和＆＃39;数量＆＃39;，但我没有得到应用。你能帮忙吗？

$("div#jstree").jstree({

  core: {
    data: data
  },
  plugins: ["table","dnd","contextmenu","sort","search"],
  search: {
      case_insensitive: true,
      show_only_matches: true
    },
  // configure tree table
  table: {
    columns: [
      {width: 200, header: "Name", format: function(v) { return "<i>"+v+"</i>"}},
      {width: 250, value: "price", header: "Price", format: function(v) {if (v){ return '$'+v.toFixed(2) }}},
      {width: 250, value: "quantity", header: "Qty"}
    ],
    resizable: true,
    draggable: true,
    contextmenu: true,
    width: 900,
    height: 300
  }
});

这是小提琴。

http://jsfiddle.net/shmyusuf/56mxp4ov/3/

Answer 1

此表格插件存在错误。

            col.find(".jstree-table-cell").each(function () {
            var item = $(this),
                width;
            item.css("position", "absolute");
            item.css("width", "auto");
            width = item.outerWidth();
            item.css("position", "static");

            if (width > newWidth) {
                newWidth = width;
            }
        });

        /*you can add this code in your plugin*/ 
        var index = col.parent().children().index(col);
        var headerCol = $('.jstree-table-headerwrapper>div').eq(index);
        var headerWidth =  headerCol.width();
        if (headerWidth > newWidth) {
            newWidth = headerWidth;
        }

未在jstree表插件上应用列宽

1 个答案: