0

我的屏幕尺寸越小，没有值的列就越多。一旦我手动调整屏幕的宽度（通过将其拖得更大或更小），所有值都会显示出来。这似乎是一个错误。我附上了 2 张照片，显示了 html 如何在相邻单元格上显示值和没有显示值。

一个单元格显示值下一个不显示值| 在我拖动窗口大小之前

getGridProps: ->
    { budgets } = @props.profile
    rowHeight = headerHeight = 35
    extraHeightToPreventScrollBar = 10
    rowsCount = budgets?.length ? 0

    columns: @getColumns()
    rowGetter: (i) =>
        budgetRows = @getBudgetRows()
        budgetRows[i]
    rowsCount: rowsCount
    minHeight: rowsCount * rowHeight + headerHeight + extraHeightToPreventScrollBar
    enableCellSelect: not @state.tableDisabled
    onGridRowsUpdated: @handleGridRowsUpdated


getColumns: ->
    cols = [{ key: 'year', name: 'Year', editable: false, width: 70 }]
    for month in MONTHS
        cols.push
            key: month
            name: month
            editable: not @state.tableDisabled
            formatter: FormattedCell
    cols.push
        key: 'total'
        name: 'Total'
        editable: false
        formatter: FormattedCell
    cols.push
        key: 'trash'
        name: ''
        editable: false
        formatter: getTrashCan @removeBudget, @state.tableDisabled
        width: 50

    cols

getBudgetRows: ->
    { budgets } = @props.profile
    _.map budgets, (monthlyBudgets) ->
        row = { year: monthlyBudgets.year }
        for month, monthIdx in MONTHS
            row[month] = monthlyBudgets.budgets[monthIdx] ? '' # ReactDataGrid cannot take null, convert to ''
        row.total = Util.getBudgetsTotal monthlyBudgets ? ''
        row.trash = monthlyBudgets.year
        row
4

1 回答 1

0

我们找到的一个解决方案是将 minColumnWidth: 10 添加到 gridProps

于 2017-06-22T18:57:08.453 回答