Выпадающее меню не отображается должным образом в таблице данных ⇐ Jquery

[Anonymous]

В моей таблице данных есть кнопка, и я использую раскрывающееся меню adminLTE. Но это не отображается должным образом, если в таблице только одна запись. Происходит следующее: мне нужно прокрутить таблицу вниз, чтобы увидеть раскрывающееся меню.
Зеленая кнопка позволяет открыть раскрывающееся меню, но оно отображается вот так.

Код: Выделить всё

[*]




var table = $('#tableCA').DataTable({
ajax: {
url: '@Url.Action("RequestTable", "CARequest")',
dataSrc: "data"

},
"language": {
"emptyTable": "No Request Available",
"processing": " Loading..."
},
columns: [
{
orderable: false,
data: "ID",
render: function (data, type, row) {
var editButton = '';
var viewButton = '';
var detailButton = '';
var approveButton = '';
if (row.StatusID == 1) {
editButton = '[url=#]' +
'' +
'[/url]' +
'[list]' +
'[url=#]Approve[/url]' +
'[*][url=#]For Final Approval[/url]' +
'[/list]';
}

var deleteButton = '';
var detailButton = ''
return approveButton + ' ' + viewButton + ' ' + detailButton + ' ' + deleteButton + ' ' + editButton;
}
},

],
order: [1, 'asc'],
scrollY: '50vh',
scrollCollapse: true,
paging: false,
info: true,
ordering: true,
searching: true,
scrollX: true,
deferRender: true,
processing: true
})

Я попробовал добавить z-index в раскрывающееся меню, но оно по-прежнему не работает, буду благодарен за любую помощь.

Подробнее здесь: https://stackoverflow.com/questions/791 ... -datatable