如何在datatable JavaScript中制作垂直标题列表？

$(document).ready(function() {
  $('#myTable').DataTable({
    scrollY: '200px', // 设置表格高度
    columns: [
      { title: '标题1' },
      { title: '标题2' },
      { title: '标题3' }
    ],
    headerCallback: function(thead, data, start, end, display) {
      $(thead).find('th').each(function(index) {
        var title = $(this).text(); // 获取列标题
        $(this).empty(); // 清空原始标题内容
        $('<div class="vertical-header">' + title + '</div>').appendTo($(this)); // 创建垂直标题元素并添加到表头
      });
    }
  });
});