Строки DataTable не превращаются в hrefs

Я создал таблицу с DataTables, и сначала отображаемые заголовки документов (из локального файла JSON) были обернуты вокруг тегов привязки и превращены в hrefs. Я внес некоторые изменения в свою инициализацию DataTable и добавил несколько новых столбцов в свою таблицу, и эти вещи могли помешать превращению названий документов в hrefs. Я не уверен на 100%.

Импорт данных таблицы:

loadTableData() {
  $.noConflict();

  let tableRes = KMdocs.d.results.filter(function(val) { 
    return (val.FileLeafRef.trim().length > 0);
  }).map(function(obj) {
    return {
      "Path": obj.EncodedAbsUrl,
      "Titles": obj.File.Name,
      "Categories": obj.ResourceType.results.map(function(val) {
        return val.Label;
      }).join(";"),
      "Blank": ""
    }
  });
}

Таблица рендеринга:

$('#km-table-id').DataTable({
  columns: [
    { data: "Blank" },
    {
      data: "Titles",
      columnDefs: [ // ----- I believe the issue is with this block
        {
          data: "Path",
          ordering: true,
          targets: [ 1 ],
          render: function(data, type, row) {
            return $('<a>')
                .attr({target: "_blank", href: row.Path})
                .text(data)
                .wrap('<div></div>')
                .parent()
                .html();
          },
          targets: [1]
        }
      ],
    },
    {
      data: "Categories",
      searchable: true,
      targets: [ 2 ],
      visible: false
    },
    {
      data: "Blank"
    }
  ],
  data: tableRes,
  language: { searchPlaceholder: "Search All Documents" },
  lengthMenu: [ 10, 25, 50, 100, 250, 500 ],
  order: [],
  pageLength: 500,
  paging: true,
  pagingType: "full_numbers",
  responsive: true,
  scrollCollapse: true,
  scrollXInner: true,
  scrollY: 550,
  sDom: '<"top">rt<"bottom"flp><"left">' // puts dropdown on bottom
});

Фрагмент HTML:

<table id = "km-table-id" class = "cell-border display stripe-hover">
  <thead>
    <tr>
      <th></th>
      <th>Title</th>
      <th>Categories</th>
      <th>My Favorites</th>
    </tr>
  </thead>   
  <tbody></tbody> 
</table>

Вы пытались удалить недавно добавленные столбцы один за другим, пока проблема не исчезла?

aarjithn 06.02.2019 17:28

Я сделал, но, к сожалению, ничего не произошло.

Bodrov 06.02.2019 17:29

Создайте рабочий фрагмент вашего кода, и я посмотрю на него.

Alexandre Elshobokshy 08.02.2019 15:27
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
40
0

Другие вопросы по теме