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

新增 | onDropBorder | 拖拽释放回调函数(调整列宽) | function | (e) => {} |

This commit is contained in:
jonyshi 2019-01-23 11:43:59 +08:00
parent 61d28a60af
commit 2560ff4697
4 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
demo/demolist/Demo23.js
View File

@ -60,6 +60,10 @@ class Demo23 extends Component {
return <DragColumnTable columns={columns23} data={data23} bordered
dragborder={true}
draggable={true}
onDropBorder ={(e)=>{
console.log("调整列宽后触发事件");
}}
/>;
}
}

4
docs/mixin.md
View File

@ -101,7 +101,9 @@ const SumTable = sum(Table);
| ------ | ---------- | -------- | ---- |
| dragborder | 拖拽调整列宽度 | boolean | false |
| draggable | 拖拽交换列 | boolean | false |
| onDrop | 拖拽释放回调函数 | function | () => {} |
| onDrop | 拖拽释放回调函数(交换列) | function | () => {} |
| onDropBorder | 拖拽释放回调函数(调整列宽) | function | (e) => {} |
#### 使用

4
src/Table.js
View File

@ -318,7 +318,7 @@ class Table extends Component {
getHeader(columns, fixed) {
const { filterDelay, onFilterChange, onFilterClear, filterable, showHeader, expandIconAsCell, clsPrefix, onDragStart, onDragEnter, onDragOver, onDrop, draggable,
onMouseDown, onMouseMove, onMouseUp, dragborder, onThMouseMove, dragborderKey, minColumnWidth, headerHeight,afterDragColWidth,headerScroll ,bordered} = this.props;
onMouseDown, onMouseMove, onMouseUp, dragborder, onThMouseMove, dragborderKey, minColumnWidth, headerHeight,afterDragColWidth,headerScroll ,bordered,onDropBorder} = this.props;
const rows = this.getHeaderRows(columns);
if (expandIconAsCell && fixed !== 'right') {
rows[0].unshift({
@ -331,7 +331,7 @@ class Table extends Component {
const trStyle = headerHeight&&!fixed ? { height: headerHeight } : (fixed ? this.getHeaderRowStyle(columns, rows) : null);
let drop = draggable ? { onDragStart, onDragOver, onDrop, onDragEnter, draggable } : {};
let dragBorder = dragborder ? { onMouseDown, onMouseMove, onMouseUp, dragborder, onThMouseMove, dragborderKey } : {};
let dragBorder = dragborder ? { onMouseDown, onMouseMove, onMouseUp, dragborder, onThMouseMove, dragborderKey,onDropBorder } : {};
let contentWidthDiff = 0;
//非固定表格,宽度不够时自动扩充
if (!fixed) {

1
src/TableHeader.js
View File

@ -235,6 +235,7 @@ class TableHeader extends Component {
*/
onLineMouseUp = (event) => {
this.clearDragBorder(event);
this.props.onDropBorder(event)
};
/**