Insert a link into a button

Insert a link into a button

tsurubasotsurubaso Posts: 32Questions: 8Answers: 0

Link to test case:
https://gist.github.com/083976ef44d73d29f799ea3c7d198529
Debugger code (debug.datatables.net):
The part of the code in question.

function drawTwitterSearchResultsTable(datatransformed) {

    $(document).ready(function () {

        $('#searchTable').DataTable({
            data: datatransformed,
            columns: [
                { title: "Word(s)" },
                { title: "Text" },
                { 'data': null, title: 'Link', "render": function (e, dt, button, config ) { return '<div class="btn-group"> <button type="button" class="btn btn-light" ><a href="'+$(this)+'" target="_blank">Link</Link</a></button></div>' } },
                
                    
                    
                  


            ]
        });



    });

};



xxxx

//Twitter related functions
window.electron.ipcRendererWithFunction('TwitterData', function (event, result) {


    console.log(result);

    document.getElementById('word').innerText = wordToSearch;
    document.getElementById('word').classList.remove("forJapanese");
    document.getElementById('searchTable').style.display = '';

    datatransformed = [];



    for (var i = 0; i < result[0].length; i++) {

        datatransformed.push([wordToSearch, result[0][i], result[1][i]]);
    }

    console.log(datatransformed);

    if ($.fn.DataTable.isDataTable('#searchTable')) {
        $('#searchTable').DataTable().clear().destroy();
        $('#searchTable').empty();
    }

    drawTwitterSearchResultsTable(datatransformed);

    result = undefined;
});

Error messages shown:
No error
Description of problem:
I need to insert for each row the link data.

I am completely new to Jquery, and quite new to Datatable.

I am learning in express Jquery.

I need to insert the Link in the Href for each row.

Thanks for your help

Answers

  • colincolin Posts: 15,240Questions: 1Answers: 2,599

    It looks like you're doing the right thing, using columns.render. What's the problem with what you've got? You haven't said what the issue is. Also, as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

    Cheers,

    Colin

  • tsurubasotsurubaso Posts: 32Questions: 8Answers: 0

    Hello Colin, and thanks to answer.

    I found the solution!!
    It is may be not clean at all but it works!
    Here is the Electron Fiddle (You have to enter your keys for it to work).
    https://gist.github.com/083976ef44d73d29f799ea3c7d198529
    and here is the part of the code in direct relation with my (solved) problem.

    function drawTwitterSearchResultsTable(datatransformed) {
    
        $(document).ready(function () {
    
            $('#searchTable').DataTable({
                data: datatransformed,
                columns: [
                    { title: "Word(s)" },
                    { title: "Text" },
                    { 'data': null, title: 'Link', "render": function (full) { return '<div class="btn-group"> <button type="button" class="btn btn-light" ><a href="'+full[2]+'" target="_blank">Link</Link</a></button></div>' } },
                    
                ]
            });
    
    
    
        });
    
    };
    
    

    Thanks again Colin.

Sign In or Register to comment.