Флажок React Table - изменить требования для неопределенного состояния - PullRequest
0 голосов
/ 05 августа 2020

Я использую таблицу реакций и создаю флажки. Флажок заголовка находится в неопределенном состоянии, если установлен 1 или несколько флажков. Есть ли способ изменить это поведение, чтобы иметь неопределенное состояние, когда установлены 2+ флажка вместо 1?

const IndeterminateCheckbox = forwardRef(
    ({ indeterminate, ...rest }, ref) => {
        const defaultRef = useRef()
        const resolvedRef = ref || defaultRef

        useEffect(() => {
            resolvedRef.current.indeterminate = indeterminate
        }, [resolvedRef, indeterminate])
        return (
            <input type="checkbox" ref={resolvedRef} {...rest} />
        )
    },
)

const {
    getTableProps,
    getTableBodyProps,
    headerGroups,
    visibleColumns,
} = useTable({
    columns,
    data,
},
useRowSelect,
(hooks) => {
    hooks.visibleColumns.push((columns) => [
        {
            id: 'selection',
            Header: ({ getToggleAllRowsSelectedProps }) => (
                <IndeterminateCheckbox {...getToggleAllRowsSelectedProps()} />
            ),
            Cell: ({ row }) => (
                <IndeterminateCheckbox {...row.getToggleRowSelectedProps()} />
            ),
        },
        ...columns,
    ])
})
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...