Как сделать данные столбца гиперссылкой в ​​jQuery DataTable

Question

Как сделать данные столбца в виде гиперссылки в jQuery DataTable

Вот моя таблица

        <thead>
         <tr>
          <th>Province</th>
          <th>District</th>
          <th>Number 1</th>
       </tr>
     </thead>

Вот мой скрипт

function fill_datatable(filter_district = '', filter_outlet = '')
    {
        var dataTable = $('#outlet_data').DataTable({
            processing: true,
            serverSide: true,
            ajax:{
                url: "{{ route('customsearch.index') }}",
                data:{filter_district:filter_district, filter_outlet:filter_outlet}
            },
            columns: [

                {
                    data:'province',
                    name:'province'
                },
                {
                    data:'district',
                    name:'district'
                },
                {
                    data:'no1',
                    name:'no1'
                }
            ]
        });
    }

Я хочу сделать столбец Номер 1 как гиперссылка, и он должен получить номер из базы данных <a href="tel:value from database"> value from dataase </a>.

Answer 1

Вы можете использовать опцию columns.render, чтобы сделать столбец Number 1 гиперссылкой и получить номер из базы данных, например:

var dataTable = $('#outlet_data').DataTable({
  processing: true,
  serverSide: true,
  ajax: {
    url: "{{ route('customsearch.index') }}",
    data: {
      filter_district: filter_district,
      filter_outlet: filter_outlet
    }
  },
  columns: [
    {
      data: 'province',
      name: 'province'
    },
    {
      data: 'district',
      name: 'district'
    },
    {
      data: 'no1',
      "render": function(data, type, row, meta) {
        if (type === 'display') {
          data = '<a href="tel:' + data + '">' + data + '</a>';
        }
        return data;
      }
    }
  ]
});