csv html表與多個超鏈接

我試圖格式的追加列作爲一個超鏈接，但老實說沒有JS技能將不勝感激的任何援助。下面的例子顯示了一列的代碼。

<script> 

    //my custom function that creates a hyperlink 
    function format_link(link){ 
    if (link) 
     return "<a href='" + link + "' target='_blank'>" + link + "</a>"; 
    else 
     return ""; 
    } 

    //initializing the table 
    CsvToHtmlTable.init({ 
    csv_path: 'data/Health Clinics in Chicago.csv', 
    element: 'table-container', 
    allow_download: true, 
    csv_options: {separator: ',', delimiter: '"'}, 
    datatables_options: {"paging": false}, 
    custom_formatting: [[4, format_link]] //execute the function on the 4th column of every row 
    }); 
</script>

來源

2017-02-22 Ryan Key

那究竟是什麼問題？當你運行這段代碼時你會得到一個錯誤嗎？ –

代碼是完美的。我只是要求協助修改它以在csv中將2列格式化爲超鏈接，而不是像例子中的1那樣。希望有所幫助。謝謝回覆。我的csv數據有兩個超鏈接數據字段，我需要將結果表格格式化爲這樣。 –

該文檔說要使用數組的數組，所以它可能會是這樣的：custom_formatting：[[4，format_link]，[6，format_link]] - 我添加了一個額外的數組來格式化第6列中的鏈接 –

爲CSV到HTML表的文檔指出：

如果你想要做自定義格式的一個或多個列，您可以傳中數組的數組包含該列的索引以及用於格式化的自定義函數。您可以傳入多個格式化程序，它們將按順序執行。

在下面的例子中，我演示了多個鏈接的數組數組的樣子。在我的例子中，第4列和第6列有鏈接。

<script> 

    //my custom function that creates a hyperlink 
    function format_link(link){ 
    if (link) 
     return "<a href='" + link + "' target='_blank'>" + link + "</a>"; 
    else 
     return ""; 
    } 

    //initializing the table 
    CsvToHtmlTable.init({ 
    csv_path: 'data/Health Clinics in Chicago.csv', 
    element: 'table-container', 
    allow_download: true, 
    csv_options: {separator: ',', delimiter: '"'}, 
    datatables_options: {"paging": false}, 
    custom_formatting: [[4, format_link], [6, format_link]] //execute the function on the 4th column of every row 
    }); 
</script>

來源

2017-02-23 20:02:51

csv html表與多個超鏈接

回答

相關問題