繁体   English   中英

将带有换行符的值导出到Excel中的单个单元格中。 jQuery数据表

[英]Export value with Linebreaks into single cell in Excel. jQuery Datatables

我已成功使用jQuery DataTables将Web应用程序中的HTML表导出到excel。 但是,一个特定的列的值包含换行符和制表符。 通过分别用<br>和&nbsp;(x5)替换新行(\\ n)和制表符(\\ t),我设法在HTML表格上正确显示了数据。

问题是当导出到excel时,我需要重新插入行,但将所有值保留在一个单元格中。

这是我的jQuery代码:

    $('#papercliptable').dataTable({
    "sDom": 'T<"clear">lfrtip',
    "tableTools": {
        "aButtons": [{
            "sExtends": "xls",
            "sButtonText": "Excel",
            "fnCellRender": function (sValue, iColumn, nTr, iDataIndex) {
                console.log("sValue = " + sValue);
                console.log("iColumn = " + iColumn);
                return sValue.replace(/<br\s*\/?>/ig, "\r\n");
            },
            "sNewLine": "\r\n"
        }, {
            "sExtends": "print",
            "sMessage": "Metrics"
        }]
    }
});

信用: 发布

它似乎对我不起作用。 所有值都转到单个单元格,但不包括换行符。

任何帮助将不胜感激。 谢谢

尝试使用:

return sValue.replace(/<br\s*\/?>/ig, "\x0B");

产生以下 在此处输入图片说明

让我们举一个完整的例子。

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">

  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/tabletools/2.2.4/css/dataTables.tableTools.css">

  <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
  <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/tabletools/2.2.4/js/dataTables.tableTools.min.js"></script>

  <script type="text/javascript" language="javascript" class="init">
   $(document).ready(function() {
    $('#papercliptable').DataTable( {
     dom: 'T<"clear">lfrtip',

     tableTools: {
      "sSwfPath": "/copy_csv_xls_pdf.swf",
      "aButtons": [{
       "sExtends": "xls",
       "sFileName": "test.csv",
       "fnCellRender": function (sValue, iColumn, nTr, iDataIndex) {
         console.log("sValue = " + sValue);
         console.log("iColumn = " + iColumn);
         re = /<br\s*\/?>/i;
         if (re.test(sValue)) {
          return '"' + sValue.replace(/<br\s*\/?>/ig, "\n") + '"';
         } else {
          return sValue;
         }
        }
      }]
     }
    });
   });
  </script>

</head>

<body>
<table id="papercliptable">
 <thead>
  <tr>
   <th>A</th>
   <th>B</th>
   <th>C</th>
   <th>D</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>12345</td>
   <td>Value1</td>
   <td>Value2</td>
   <td>This<br/>is<br/>a<br/>test.</td>
  </tr>
 </tbody>
</table>
</body>
</html>

请注意,您必须在自己的域内拥有copy_csv_xls_pdf.swf 您可以从以下网址下载: https//cdn.datatables.net/tabletools/2.2.4/

这对我有用,并产生:

CSV:

A   B   C   D
12345   Value1  Value2  "This
is
a
test."

注意,列之间的空格是水平制表符"\\t" 0x09

Excel:

在此处输入图片说明

注意,如果通过File - Open *.csv ,则这是Excel中的结果。 文本导入向导不能正确处理单元格内的换行符。

如果内容包含换行符,则需要在双引号中定界。 所以用

return '"' + sValue.replace(/<br\s*\/?>/ig, "\r\n") + '"';

当然,仅当内容包含\\ r \\ n时才需要执行此操作(否则数字将格式化为文本)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM