关于背景网格 Table 的 Header 的工具提示

Question

我正在使用背景网格显示 table。我想在 table 的 header 上显示工具提示。

有人能帮忙吗？

Answer 1

延长 Backgrid.HeaderRow

  Backgrid.HeaderRow = Backgrid.HeaderRow.extend({
    render: function() {
      var that = this;
      Backgrid.HeaderRow.__super__.render.apply(this, arguments);
      _.each(this.columns.models, function(modelValue) {
        if (modelValue.get('toolTip')) that.$el.find('.' + modelValue.get('name')).attr('title', modelValue.get('toolTip'))
      });
      return this;
    }
  });

并在列中传递 toolTip

var pageableGrid = new Backgrid.Grid({
  columns: [{
    // enable the select-all extension
    name: "",
    cell: "select-row",
    headerCell: "select-all",
    toolTip:"test tool tip"
  }].concat(columns),
  collection: pageableTerritories
});