使用element的表格和分页,然后是前端获取全部数据后进行分页,但是只能过滤当前页面数据,可是我想过滤全部的数据,怎么办呢?
文档里的demo都是没有分页的
...]
而且回调函数也只有两个参数,不能重新制定过滤的data
所以我想能不能自己定制一个,可是table组件里的表头里面好像是不能随意加东西的,都是通过属性配置的
不知道大神们有没有什么好的建议和方法?感激不尽~
使用element的表格和分页,然后是前端获取全部数据后进行分页,但是只能过滤当前页面数据,可是我想过滤全部的数据,怎么办呢?
文档里的demo都是没有分页的
...]
而且回调函数也只有两个参数,不能重新制定过滤的data
所以我想能不能自己定制一个,可是table组件里的表头里面好像是不能随意加东西的,都是通过属性配置的
不知道大神们有没有什么好的建议和方法?感激不尽~
对与自定义表头
<el-table-column :render-header="headerBoolean">
headerBoolean: function (h, obj) {
return <div><input type="checkbox" v-model="c"></input>布尔</div>;
},
需要提的是需要让你的webpack支持jsx
我的做法是(当然也是瞎整好使的,可能不是正规做法)
package中引入
"devDependencies": {
"autoprefixer": "^6.7.2",
"babel-cli": "^6.14.0",
"babel-core": "^6.14.0",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-module-resolver": "^2.2.0",
"babel-plugin-syntax-jsx": "^6.8.0",
"babel-plugin-transform-vue-jsx": "^3.3.0",
"babel-preset-es2015": "^6.14.0",
"babel-plugin-transform-runtime": "^6.22.0",
"babel-preset-env": "^1.3.2",
"babel-preset-stage-2": "^6.22.0",
"babel-register": "^6.22.0",
然后在.babelrc中
{
"presets": [["es2015", { "loose": true }]],
"plugins": ["transform-vue-jsx"],
"comments": false,
"env": {
"test": {
"presets": ["env", "stage-2"],
"plugins": [ "istanbul" ]
}
}
}
不过你在表头中尽量不要用饿了么自己的控件,会有莫名bug。希望能帮到你
6 回答2.3k 阅读✓ 已解决
5 回答5.3k 阅读✓ 已解决
6 回答1.1k 阅读
2 回答1.7k 阅读✓ 已解决
4 回答1.6k 阅读✓ 已解决
2 回答1.3k 阅读✓ 已解决
4 回答2.2k 阅读
好吧我又自问自答了。。经过这两天的调研,得出了一个方案,并且已经实现了多列多条件筛选,希望有人遇到相同问题可以参考一下。
其实element table有一个事件
filter-change
,带一个参数filters
:那么好了,有了这个表头筛选条件的自定义事件,就可以自己定制过滤事件了。
可以和
column-key
配套使用,当有多列筛选的时候,能够从filters中知道当前是哪一列