有没有办法使用DataTable将表中的列放到div中？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>

<div id="tableContainer"></div>

$(document).ready(function() {
    // 创建一个空的DataTable
    var table = $('<table>').appendTo('#tableContainer').DataTable();

    // 获取表格数据，并将每列的内容放入div中
    $('#yourTableId').find('tr').each(function() {
        var rowData = [];
        $(this).find('td').each(function() {
            rowData.push($(this).text());
        });
        table.row.add(rowData);
    });

    // 绘制表格
    table.draw();
});