JavaScript
/
bee-table
3
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

优化排序

This commit is contained in:
wanghaoo 2018-10-12 16:31:41 +08:00
parent 751cc03387
commit 39e729a4ab
8 changed files with 20 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
demo/demolist/Demo13.js
View File

@ -28,7 +28,6 @@ const columns13 = [
key: "b",
width: 200,
sumCol: true,
order:'ascend',
sorter: (a, b) => a.c - b.c,
sorterClick:(data,type)=>{//排序的回调函数
//type value is up or down

2
demo/index.js
View File

File diff suppressed because one or more lines are too long

4
dist/demo.css vendored
View File

@ -8596,10 +8596,6 @@ ul {
display: block;
width: 14px;
cursor: pointer; }
.u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-flat {
display: none; }
.u-table-thead th:hover .bee-table-column-sorter > .bee-table-column-sorter-flat {
display: block; }
.u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-down,
.u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-up,
.u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-down,

2
dist/demo.css.map vendored
View File

File diff suppressed because one or more lines are too long

7
dist/demo.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/demo.js.map vendored
View File

File diff suppressed because one or more lines are too long

4
src/Table.js
View File

@ -171,7 +171,7 @@ class Table extends Component {
this.syncFixedTableRowHeight();
}
//如果contentDomWidth为0则需要重新计算，适应模态框中表格;
if(this.contentDomWidth == 0){
if(this.contentDomWidth == 0 && this.preContentDomWidth !== this.contentDomWidth){
this.computeTableWidth();
}
@ -190,8 +190,10 @@ class Table extends Component {
let numSetWidthParam = parseInt(setWidthParam);
this.contentWidth = numSetWidthParam;
} else {
this.preContentDomWidth = this.contentDomWidth;
//计算总表格宽度、根据表格宽度和各列的宽度和比较，重置最后一列
this.contentDomWidth = this.contentTable.getBoundingClientRect().width//表格容器宽度
this.contentWidth = this.contentDomWidth;//默认与容器宽度一样
if (typeof (setWidthParam) == 'string' && setWidthParam.indexOf('%')) {
this.contentWidth = this.contentWidth * parseInt(setWidthParam) / 100

22
src/Table.scss
View File

@ -304,20 +304,20 @@ $table-move-in-color: $bg-color-base;
width: 14px;
cursor: pointer;
}
& > .bee-table-column-sorter-flat{
display: none;
// & > .bee-table-column-sorter-flat{
// display: none;
// }
}
// &:hover{
// .bee-table-column-sorter {
// & > .bee-table-column-sorter-flat{
// display: block;
}
&:hover{
.bee-table-column-sorter {
& > .bee-table-column-sorter-flat{
display: block;
}
}
}
// }
// }
// }
.bee-table-column-sorter-down.on .uf-triangle-down,
.bee-table-column-sorter-down.on .uf-triangle-up,
.bee-table-column-sorter-up.on .uf-triangle-down,