Replies

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

  January 2022

  The best way to do that would be to use columns.render - see example here. You would need to also parse the string, strip out the <br> tags, and generate links on both the numbers - but that would all be done within the columns.render function,

  Colin
• hercross Posts: 12Questions: 5Answers: 0

  February 2022

  Hi, thanks for answer to me..

  I've tried that, this way:

  {"data":"telefonos",
           "render":function(data, type){
            var brExp = /<br\s*\/?>/i;
            var oData = data.split('<br/>');
            if(oData.length > 1){
             for(var i=0; i<oData.length; i+=1){
              return '<a class="call_telefonos" style="color:blue;" href="javascript:void(0)">'+oData[0]+'</a>';
             }
            }else{
             return '<a class="call_telefonos" style="color:blue;" href="javascript:void(0)">'+oData+'</a>';
            }
           }
          },
  

  But when I click the phone number, always return me number1<br/>number2<br/>..

  What are I doing wrong?

  Thanks
• colin Posts: 15,240Questions: 1Answers: 2,599

  February 2022

  We're happy to take a look, but 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
• hercross Posts: 12Questions: 5Answers: 0

  April 2022

  Hi, sorry for delay...

  I've tried to make a sample, but I don't know how is it..

  I have this:

  http://live.datatables.net/zejoqata/1/

  In "telefonos", I don¡t konw how show you, I have 123456<br/>98765<br/>

  And with:

  {"data":"telefonos",
           "render":function(data, type){
            var brExp = /<br\s*\/?>/i;
            var oData = data.split('<br/>');
            if(oData.length > 1){
             for(var i=0; i<oData.length; i+=1){
              return '<a class="call_telefonos" style="color:blue;" href="javascript:void(0)">'+oData[0]+'</a>';
             }
            }else{
             return '<a class="call_telefonos" style="color:blue;" href="javascript:void(0)">'+oData+'</a>';
            }
           }
          }
  

  I've tried to separate each number in a new line, but no works..

  And when I clicked in the number, I get: 123456<br/>98765<br/>

  I don't get click number.

  I have this when I click the number:

  $(tbody).on('click','.call_telefonos',function(){
        var data = table.row($(this).parents('tr')).data();
        alert(data.telefonos);
  }
  

  What am I make wrong??

  Thanks
• colin Posts: 15,240Questions: 1Answers: 2,599

  April 2022

  I'm not clear what you're trying to do - that click code isn't in the test case provided. Please can you provide a test case reproducing the issue you want help, with steps on how to reproduce, and explaining what you would prefer to happen instead,

  Colin
• kthorngren Posts: 21,361Questions: 26Answers: 4,956

  April 2022 edited April 2022

  I'm not clear what the issue is but this block of code doesn't seem correct:

             for(var i=0; i<oData.length; i+=1){
              return '<a class="call_telefonos" style="color:blue;" href="javascript:void(0)">'+oData[0]+'</a>';
             }
  

  You have a return statement inside the for loop. Are wanting something like this?

             var html = '';
             for(var i=0; i<oData.length; i+=1){
              html += '<a class="call_telefonos" style="color:blue;" href="javascript:void(0)">'+oData[ i ]+'</a>';
             }
             return html;
  

  Note the oData[ i ] in line 3.

  If you still need help please update the test case to show what you have so we can see the problem and offer suggestions.

  Kevin
• hercross Posts: 12Questions: 5Answers: 0

  April 2022

  OK, sorry, I didn't know how can I shared you the exmple, now yes, I think....

  I have this:
  http://live.datatables.net/dapunoti/6/

  In that example, you can see 4 columns in the number three, I have phones number. In the first row I get the phone numbers like 12345<br/>9876<br/>, and with render I can put in 2, 3.... lines, perfect!! thanks...

  Now the problem.

  I've made that phone numbers like a link, when I click that link, is where I hace the problem.

  If I click in the second row, I get 12345, perfect.
  If I click in the firts row, It doesn't matter if I click in the first number or the secodn, I always get 12345<br/>9876<br/>.

  The question is, how can I get the number clicked? If I click in the first number, get 12345..

  Is it possible?

  Thanks

  P.S: I don't know Why don't work when I click in the number, in this example, but in my code works..
• kthorngren Posts: 21,361Questions: 26Answers: 4,956

  April 2022

  There were two issues with the test case. First this error:

  Uncaught ReferenceError: table is not defined

  Had to assign table like this:

  var table = $('#example').DataTable({
  

  Next is the table ID needs to be prefixed with # for the click event handler, like this:

  lanzar_llamada('#example', table);
  

  how can I get the number clicked?

  Use standard jQuery methods to get the attributes of the element clicked, like this:

  var text = $(this).text();
  

  Here is the updated test case:
  http://live.datatables.net/sukemabe/1/edit

  Kevin
• hercross Posts: 12Questions: 5Answers: 0

  April 2022

  Uncaught ReferenceError: table is not defined
  

  Sorry, copy/paste fails...

  var text = $(this).text();
  

  Perfect!! Works great!!

  Thank you so much..