function format(d) {
                return '<table>' +
                        '<tr>' +
                        '<td></td>' +
                        '<td>Answer Choice : </td>' +
                        '</tr>' +
//                        for (var p = 0; p < d.optionList.length; p++){
//                            '<tr>' +
//                            '<td>A : </td>' +
//                            '<td>' + d.optionList[p].name + '</td>' +
//                            '</tr>' +
//                            '<tr>'
//                        }
                        '<tr>' +
                        '</table>';
            }
            $(document).ready(function () {
                var table = $('#table').DataTable({
                    "ajax": {
                        "url": "../question/get-by-package/" + package,
                        "dataSrc": ""},
                        "columns": [
                        {
                            "className": 'details-control',
                            "orderable": false,
                            "data": null,
                            "defaultContent": ''
                        },
                        {"data": "id"},
                        {"data": "value"},
                        {"data": "weight"},
                        {"data": "correctAnswer"},
                        {"data": "id",
                            "orderable": false,
                            "render": function (data, type, row) {
                                return '<a id="btnUpdate" onclick="update('+"'"+row.id+"'"+')" href="#pageModal" data-toggle="modal" class="edit btn-sm btn-warning" data-toggle="tooltip" data-placement="top" title="update"><i class="fa fa-edit"></i></a>\n\
                                        <a onclick="hapus('+"'"+row.id+"'"+')" class="delete btn-sm btn-danger"  data-toggle="tooltip" data-placement="top" title="delete"><i class="fa fa-trash"></i></a>';
                            }
                        }
                    ],
                    "order": [0, 'asc']
                });
                table.on('order.dt search.dt', function () {
                    table.column(1, {search: 'applied', order: 'applied'}).nodes().each(function (cell, i) {
                        cell.innerHTML = i + 1;
                    });
                }).draw();
                // Add event listener for opening and closing details
                $('#table tbody').on('click', 'td.details-control', function () {
                    var tr = $(this).closest('tr');
                    var row = table.row(tr);
                    if (row.child.isShown()) {
                        // This row is already open - close it
                        row.child.hide();
                        tr.removeClass('shown');
                    } else {
                        // Open this row
                        row.child(format(row.data())).show();
                        tr.addClass('shown');
                    }
                });
            });