Question

我正在使用react-bootstrap-table库（第一个版本），并希望为我的表组件中的所有过滤器输入设置最大长度。是否有这样的选项，或者我需要一些查询选择器来为我做？我在文档中找不到类似的内容。

Answer 1

一种方式（不是“反应方式”）是您假设的那样，使用查询选择器，例如：

document.querySelectorAll('<filter-row-classname> input')
    .forEach(filter => filter.setAttribute('maxlength',5))

-在表中是 .- filters

我建议第二种方式：

您可以定义自己的列：

const columns = [{
    Cell: JSX | string | function,
    Header: JSX | string | function,
    Filter: JSX | function
    Footer: JSX | string function,
    <much more - see documentation>
}]

实际上，您可以在列中执行以下操作：

Filter: onChange => (
            <input 
                onChange={e => onChange(e.target.value)}
                maxLength="your_value"
            />

这是已编辑的代码-检查“姓氏”： working example with maxlength attribute

致谢

React-Bootstrap-Table-为文本过滤器输入设置maxLength

1 个答案: