jayeshkumar.rathod Ответов: 1

Нужен jQuery datatable со столбцом anchor(link).

ниже приведен мой html-код :
<div class="widget-content nopadding">
            <table id="LoanInfoAsGuarantor" class="table table-bordered data-table">
                <thead>
                    <tr>
                        <th>Account No</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>


код JavaScript :

ВАР dsLoans = [
["12344"],
["12345"],
];

$(документ).готово(функция () {


$('#Loan').объект DataTable(
{
"истреблю": правда,
bJQueryUI: правда,
"aaData": dsLoans,
"sPaginationType": "full_numbers"
});
});

вывод должен быть с якорным текстом номера счета.

Что я уже пробовал:

я попытался найти несколько вопросов, но не получил большой помощи.

1 Ответов

Рейтинг:
2

Richard Deeming

Используйте столбцы. опция рендеринга[^], как показано в этот пример[^].

$('#Loan').DataTable({
    "destroy": true,
    "jQueryUI": true,
    "data": dsLoans,
    "pagingType": "full_numbers",
    "columnDefs": [
        {
            "targets": 0,
            "render": function ( data, type, row ) {
                if (type === "display") {
                    return "<a href=\"someUrl?account=" + encodeURIComponent(data) + "\">" + data + "</a>";
                }
                
                return data;
            }
        }
    ]
});

jayeshkumar.rathod

Спасибо за ваш ответ,

я попытался использовать ваш код с помощью данной Вами ссылки, но так как у меня есть массив sting в качестве источника данных, как я могу установить для конкретного столбца Ex-Account No?

я попытался выбрать столбец на основе "строки", но потерпел неудачу.. !!

Что такое "if (type = = = "display")"?

Richard Deeming

С массивом строк у вас есть только один столбец. Используйте targets свойство определения столбца для указания того, на какой столбец вы ориентируетесь.
https://datatables.net/reference/option/columnDefs.targets[^]

Если Вы читаете то render документация[^], вы увидите, что функция будет вызываться для различных типов данных-display value, sort value,search value и т. д. Вы только хотите добавить ссылку к отображаемому значению.
Ортогональные данные[^]