在 bootstrap table 中搜索文本不适用于 X-editable

Question

我在使用 bootstrap table 搜索文本时遇到问题，而其中一列是 select 类型的 X-editable。

这个fiddle解释场景：

http://jsfiddle.net/eitanmg/fdg3kaws/

当搜索 "online" 时，它会显示 0 个结果。 当搜索“1”时，它会显示在线结果。

因为当搜索“1”时，select 数据的值键位于 "online" 值后面。

但是我怎样才能让 table 搜索文本而不是它们的值？

Answer 1

如何添加 text 作为值？查看更新后的 fiddle here.

$(document).ready(function () {

var data = [
    {
        "number": "one",
        "status": "online",
    },
        {
        "number": "two",
        "status": "offline",
    }
];

$('#mainTable').bootstrapTable({
    data: data,
    search: true,
    searchAlign: 'left',
    showRefresh: false,
    showToggle: true,
    showColumns: true,
    columns: [{
      field: "number",
      title: "Number"
    },
    {
      field: "status",
      title: "Status",
      sortable: true,
      editable: {
        disabled: true,
        type: 'select',
        title: 'Select Status',
        emptytext: 'Select...',
        source: [{value: "online", text: "online"}, {value: "offline", text: "offline"}],
      }}
      ]
   });
});