过滤面板,热区扩大为整行
This commit is contained in:
parent
9b81845b3d
commit
a050e18497
|
@ -337,7 +337,7 @@
|
||||||
cursor: pointer; }
|
cursor: pointer; }
|
||||||
.u-table-filter-column-pop-cont-item .u-checkbox {
|
.u-table-filter-column-pop-cont-item .u-checkbox {
|
||||||
margin: 0px; }
|
margin: 0px; }
|
||||||
.u-table-filter-column-pop-cont-item > span {
|
.u-table-filter-column-pop-cont-item span.drop-menu-title {
|
||||||
margin-left: -3px;
|
margin-left: -3px;
|
||||||
max-width: 132px;
|
max-width: 132px;
|
||||||
width: auto !important;
|
width: auto !important;
|
||||||
|
|
|
@ -239,12 +239,8 @@ function filterColumn(Table, Popover) {
|
||||||
_react2["default"].createElement(
|
_react2["default"].createElement(
|
||||||
_beeCheckbox2["default"],
|
_beeCheckbox2["default"],
|
||||||
paramObj,
|
paramObj,
|
||||||
_react2["default"].createElement(
|
|
||||||
"span",
|
|
||||||
null,
|
|
||||||
da.title
|
da.title
|
||||||
)
|
)
|
||||||
)
|
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
*
|
*
|
||||||
* @title 横向滚动条
|
* @title 横向滚动条
|
||||||
* @parent 滚动 Scroll View
|
* @parent 滚动 Scroll View
|
||||||
* @description 设置`scroll`属性支持横向或纵向滚动,x/y的取值可以是正整数、百分比、布尔值
|
* @description 设置`scroll`属性支持横向或纵向滚动,x的取值可以是:正整数(自动转为相应的像素值)、百分比(相对于表格真实宽度的百分比,大于100%时会出现滚动条)、布尔值。y的取值是正整数。
|
||||||
* demo0201
|
* demo0201
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
|
@ -7,13 +7,13 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import React, { Component } from "react";
|
import React, { Component } from "react";
|
||||||
import {Button,Checkbox} from "tinper-bee";
|
import {Checkbox} from "tinper-bee";
|
||||||
import Table from "../../src";
|
import Table from "../../src";
|
||||||
import sum from "../../src/lib/sum.js";
|
import sum from "../../src/lib/sum.js";
|
||||||
import multiSelect from "../../src/lib/multiSelect.js";
|
import multiSelect from "../../src/lib/multiSelect.js";
|
||||||
|
|
||||||
let ComplexTable = multiSelect(sum(Table), Checkbox);
|
let ComplexTable = multiSelect(sum(Table), Checkbox);
|
||||||
|
let _sum = 0;
|
||||||
const columns = [
|
const columns = [
|
||||||
{
|
{
|
||||||
title: "单据编号",
|
title: "单据编号",
|
||||||
|
@ -81,6 +81,8 @@ function getData(){
|
||||||
total: i + Math.floor(Math.random()*10),
|
total: i + Math.floor(Math.random()*10),
|
||||||
money: 20 * Math.floor(Math.random()*10)
|
money: 20 * Math.floor(Math.random()*10)
|
||||||
});
|
});
|
||||||
|
_sum += data[i].total;
|
||||||
|
_sum += data[i].money;
|
||||||
}
|
}
|
||||||
return data;
|
return data;
|
||||||
}
|
}
|
||||||
|
@ -90,32 +92,20 @@ class Demo35 extends Component {
|
||||||
constructor(props) {
|
constructor(props) {
|
||||||
super(props);
|
super(props);
|
||||||
this.state = {
|
this.state = {
|
||||||
data: getData()
|
data: getData(),
|
||||||
|
sum:_sum
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
changeData = ()=>{
|
|
||||||
this.setState({
|
|
||||||
data: getData()
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
const {data} = this.state;
|
const {data} = this.state;
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<Button
|
|
||||||
className="editable-add-btn"
|
|
||||||
onClick={this.changeData}
|
|
||||||
>
|
|
||||||
动态设置数据源
|
|
||||||
</Button>
|
|
||||||
|
|
||||||
<ComplexTable
|
<ComplexTable
|
||||||
columns={columns}
|
columns={columns}
|
||||||
data={data}
|
data={data}
|
||||||
bordered
|
bordered
|
||||||
// scroll={{ x: "130%", y: 140 }}
|
footer={currentData => <div>总计: {_sum}</div>}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
@ -60,6 +60,7 @@ class Demo8 extends Component {
|
||||||
onSelect={this.handleSelect.bind(this)}
|
onSelect={this.handleSelect.bind(this)}
|
||||||
onDataNumSelect={this.dataNumSelect}
|
onDataNumSelect={this.dataNumSelect}
|
||||||
showJump={true}
|
showJump={true}
|
||||||
|
noBorder={true}
|
||||||
total={100}
|
total={100}
|
||||||
dataNum={2}
|
dataNum={2}
|
||||||
/>
|
/>
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -110,7 +110,7 @@ export default function filterColumn(Table, Popover) {
|
||||||
>
|
>
|
||||||
<Checkbox {...paramObj}>
|
<Checkbox {...paramObj}>
|
||||||
|
|
||||||
<span>{da.title}</span>
|
{da.title}
|
||||||
</Checkbox>
|
</Checkbox>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in New Issue