【问题标题】:How can I make the grid cells show the whole input text in ag-grid?如何使网格单元格在 ag-grid 中显示整个输入文本?
【发布时间】:2019-09-09 15:06:46
【问题描述】:

希望你今天过得愉快。
所以我在我的项目中使用 ag-grid 在一个统一的 Web 应用程序中转换一堆 excel 工具(文件)。 到目前为止,一切都很好。 但是,我找不到使用 ag-grid 框架使网格单元格显示整个输入文本的方法。

在 Excel 中:

在农业网格中:

我希望我已经表达清楚了。
我在 ag-grid 文档中进行了搜索,但没有结果。这似乎也是他们所有项目示例中默认的输入文本单元格渲染。
https://www.ag-grid.com/javascript-grid-cell-editing/
欢迎任何帮助:)

【问题讨论】:

    标签: ag-grid


    【解决方案1】:

    这个和我已经回答过的类似:AG-Grid - How to increase row height dynamically?

    为列提供一个 CSS 类

    {
      header: 'Address',
      field: 'address',
      cellClass: "cell-wrap-text",
    }
    

    CSS 类 - 将其保存在您的根级别 styles

    .cell-wrap-text {
        white-space: normal !important;
    }
    

    【讨论】:

    • 再次完美运行!你是天赐之物!您介意解释一下 CSS 代码究竟做了什么吗?
    • 您介意解释一下“!important”代表什么吗?
    猜你喜欢
    • 2020-08-20
    • 2019-10-09
    • 2018-10-15
    • 1970-01-01
    • 2020-10-28
    • 2019-08-19
    • 2021-01-08
    • 2021-07-18
    • 2020-03-24
    相关资源
    最近更新 更多