使用Linebreaks将值导出到Excel中的单个单元格中。 jQuery数据表

时间:2015-04-13 09:24:51

标签: javascript jquery excel jquery-datatables tabletools

我使用jQuery DataTables成功地将HTML表格从Web应用程序导出到Excel。但是,一个特定列的值包含换行符和制表符。我已经设法通过分别用<br>和&amp; 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"
        }]
    }
});

信用:post

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

非常感谢任何帮助。 感谢

尝试使用:

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

产生以下内容 enter image description here

1 个答案:

答案 0 :(得分:3)

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

<!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中:

enter image description here

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