2017-08-10 82 views
-2

我試圖用一些jQuery插件,其中一些人有這樣的選擇:布爾在jQuery插件選項

$('#data-table').bootstrapTable({ 
    height: 250, 
    clickToSelect: true, 
    checkbox: true 
}); 

的問題,在所有的插件,是他們不讀布爾選項。在上面的代碼中,表格用250px高度加載,但clickToSelectcheckbox仍然是默認值false

這發生在我使用的所有插件都有選項,就像示例中的那樣。

+3

請包括一個[最小,完整,可驗證](https://stackoverflow.com/help/mcve)示例。 – McHat

+1

因爲插件有問題或者您正在錯誤地閱讀文檔。傳遞給函數的對象屬性中的布爾值工作得很好。 –

+0

這些是bootstrapTable的列選項。查看我的答案,瞭解這些屬性的使用示例。 –

回答

0

您需要閱讀每個插件的documentation。不同的插件提供不同的配置選項。

對於bootstrap-table插件,您需要定義列。 複選框clickToSelect是可用於列配置的選項。這樣你可以使用它們:

$('#table').bootstrapTable({ 
    columns: [{ 
     field: 'id', 
     title: 'Item ID' 
    }, { 
     field: 'name', 
     title: 'Item Name' 
    }, { 
     field: 'price', 
     title: 'Item Price' 
    }, { 
     field: 'select', 
     title: 'Select item', 
     checkbox: true, 
     clickToSelect: true 
    }], 
    data: [{ 
     id: 1, 
     name: 'Item 1', 
     price: '$1' 
    }, { 
     id: 2, 
     name: 'Item 2', 
     price: '$2' 
    }] 
});