Добавить пользовательскую кнопку в последний столбец в каждой строке в jquery DataTable

#java #ajax #servlets #datatables

#java #ajax #сервлеты #таблицы данных

Вопрос:

Я пытаюсь воссоздать пример DataTable, найденный здесь Дочерние строки DataTables

DataTables работает нормально, я не получаю ОШИБКУ — «Запрошенный неизвестный параметр ‘4’ для строки 0, столбца 4». Моя проблема в том, что кнопка не отображается в последнем столбце. Может кто-нибудь помочь мне решить эту проблему, спасибо!

Вот моя логика Java-сервлета..

Код Javascript:

И моя таблица —

                                 <tr>
                                    
                                     <th>Employee</th>
                                     <th>Shift</th>
                                     <th>Start Date</th>
                                     <th>End Date</th>  
                                     <th>Details</th>
                                </tr>
                           </thead>
                           <tfoot>
                            <tr>
                                    
                                     <th>Employee</th>
                                     <th>Shift</th>
                                     <th>Start Date</th>
                                     <th>End Date</th>
                                     <th>Details</th>
                    
                           </tr>
                           
                           </tfoot>

1. В функции рендеринга вам нужно вернуть строку . Таким образом, вам нужно только добавить одинарную кавычку до и после определения кнопки, вот так '<button>Click Here!</button>'; . И, пожалуйста, в следующий раз попробуйте включить свой код (так же, как вы сделали с вашим HTML-кодом) вместо картинок.

2. Теперь, когда вы подтвердили, что это сработало, я просто добавил это в качестве ответа

Ответ №1:

В функции визуализации вам нужно вернуть строку. Таким образом, вам нужно только добавить одинарную кавычку до и после определения кнопки, например '<button>Click Here!</button>';

1. Теперь отображается только нажатая кнопка и никаких других данных. Есть ли что-то еще, что мне нужно сделать, кроме «{data: «Employee»}

2. Я понял эту часть, нужно было изменить мой ответ от сервлета, спасибо!