diff --git a/components/table/demo/head.md b/components/table/demo/head.md index 37b3e74f6642f6587869d2011396f1f018cc712c..6943738890ef2ebe3f373c0b1b380f4793477b59 100644 --- a/components/table/demo/head.md +++ b/components/table/demo/head.md @@ -2,7 +2,7 @@ - order: 6 -对某一列数据进行筛选,使用列的 `filter` 属性来指定筛选的列表。 +对某一列数据进行筛选,使用列的 `filter` 属性来指定需要筛选菜单的列,`onFilter` 用于筛选当前数据,`filterMultiple` 用于指定多选和单选。 对某一列数据进行排序,通过指定列的 `sorter` 函数即可启动排序按钮。`sorter: function(a, b) { ... }`, a、b 为比较的两个列数据。 @@ -38,6 +38,17 @@ const columns = [{ }, { title: '地址', dataIndex: 'address', + filters: [{ + text: '南湖', + value: '南湖' + }, { + text: '西湖', + value: '西湖' + }], + filterMultiple: false, + onFilter: function(value, record) { + return record.address.indexOf(value) === 0; + }, sorter: function(a, b) { return a.address.length - b.address.length; } @@ -47,7 +58,7 @@ const data = [{ key: '1', name: '胡斌', age: 32, - address: '西湖区湖底公园1号' + address: '南湖区湖底公园1号' }, { key: '2', name: '胡彦祖', @@ -57,7 +68,7 @@ const data = [{ key: '3', name: '李大嘴', age: 32, - address: '西湖区湖底公园123号' + address: '南湖区湖底公园123号' }, { key: '4', name: '李秀莲大嘴哥', diff --git a/components/table/filterDropdown.jsx b/components/table/filterDropdown.jsx index 14db1bcbb6c641fd27012b5d59aeb74f27217ce7..1e87cb5b571e77e7497bd68506b1efe774c52486 100644 --- a/components/table/filterDropdown.jsx +++ b/components/table/filterDropdown.jsx @@ -49,7 +49,12 @@ let FilterMenu = React.createClass({ }, render() { let column = this.props.column; - let menus =