小编Spr*_*oot的帖子

我有一个反应表，我正在尝试更改列大小。我尝试编辑列中的“宽度”值，编辑 scss 样式表中的值，并添加内联样式，但没有任何效果。我在哪里对这个 react-table 进行 css 更改？任何帮助，将不胜感激。我看到的任何示例都会在我尝试过的列区域内更改它。

import React, {useState, Fragment} from "react";
import {useTable, useFilters, useGlobalFilter, useRowSelect} from "react-table";
import dataSet from "../data";
import {IndeterminateCheckbox} from './TableCheckbox';


function DeployTable() {

    function DefaultColumnFilter({
                                     column: { filterValue, preFilteredRows, setFilter },
                                 }) {
        const count = preFilteredRows.length

        return (
            <input
                value={filterValue || ''}
                onChange={e => {
                    setFilter(e.target.value || undefined) // Set undefined to remove the filter entirely
                }}
                placeholder={`Search ${count} records...`}
            />
        )
    }

    const [data] = useState(dataSet);

    const [columns] = useState([ …