【问题标题】:AngularJS UI grid pdf export - Long text overflows into adjacent columnAngularJS UI网格pdf导出 - 长文本溢出到相邻列
【发布时间】:2016-09-01 03:02:17
【问题描述】:

我在将 ui 网格中的数据导出为 pdf 时遇到问题。列中的长字不会中断并溢出到相邻列。有没有办法像在 css 中那样打破单词换行:break-word..

我在下面尝试过,但没有任何效果:

exporterPdfDefaultStyle: { fontSize: 16, overflow: 'wordbreak' },

exporterPdfDefaultStyle: { fontSize: 16, overflow: 'linebreak' },

exporterPdfDefaultStyle: { fontSize: 16, wordWrap: 'breakword' },

Here 是示例 plunk。

【问题讨论】:

    标签: angularjs pdf-generation angular-ui-grid


    【解决方案1】:

    它工作正常不是吗?这是plunker

    我已将数据如下所示。如果这不是您的意思,请编辑 plunk 并告诉我。

     data = [{
        name: "Ethel Price",
        gender: "female",
        company: "Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol"
      }, {
        name: "Claudine Neal",
        gender: "female",
        company: "Sealoud"
      }, {
        name: "Beryl Rice",
        gender: "female",
        company: "Velity"
      }, ]
    
      $scope.gridOptions.data = data;
    

    这是pdf:

    更新:

    实际上pdfmake.js 上没有这样的选项。这意味着你不能这样做。他们已将此标记为feature request。希望他们将来会实施它。这是讨论。

    How to wrap the text inside the table cell

    【讨论】:

    • 感谢您的帮助 Sampath。但问题仍然存在。这是相同的东西。 plnkr.co/edit/Si54Qky5EnBBpRRk1fr9?p=preview
    • 你看过那个 Sampath。当网格没有很好的列时,这个问题会变得更加频繁,因此列的宽度会进一步减小。
    • 请看上面的Update
    • 感谢 Sampath。所以必须等待他们合并此请求。
    • 这个请求是否被合并?我的导出表也有同样的问题。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-11-14
    • 1970-01-01
    • 1970-01-01
    • 2011-10-28
    • 2017-05-19
    • 2017-06-22
    • 1970-01-01
    相关资源
    最近更新 更多