Раскрывающийся список кнопок Bootstrap скрыт и заполнен ⇐ Jquery

[Anonymous]

Привет, ребята, я попытался реализовать кнопку раскрывающегося списка ячеек таблицы HTML для печати файлов, связанных с текущей строкой, и для этого я выбрал кнопку начальной загрузки. Эта кнопка находится в последней позиции в строке, и когда я нажимаю на раскрывающийся список, результат кнопки не отображается в полную ширину, а иногда, когда список больше, список скрывается, как на скриншоте.
Я пытаюсь вручную установить width:100% для li, а также пытаюсь установить 100% для ul, но ничего не получается.
Я просто хочу, чтобы имена списков отображались во всю ширину, а не как на скриншоте.

Вывод:

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

[/i] Izaberi

[list]
[*]1667211114_Uputstvo za upotrebu Pm2012 sa pecatom.PDF
[*]1667211114_Uputstvo za upotrebu pm2012 slikovno bez pecata.pdf
[/list]

Я заполняю список с помощью ajax, когда пользователь нажимает кнопку

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

function getProductFiles(product_id) {
var self = product_id;

$.ajax({
type: "GET",
url: '/admin/proizvod/ajax?product_files=' + self,

success: function(result) {
// $(".testn").html(result);
console.log(JSON.parse(result));

var json = JSON.parse(result);
$('#product_files_dropdown').empty('');

for (var i in json) {
var li = $('[*]');

li.append($('').html(json[i].name));

$('');
$("#product_files_dropdown").append(li);
}
},
error: function(xhr, status, err) {
alert(err.toString(), 'Error - LoadListItemsHelper');
},
complete: function(result, jqXHR, status) {
$(".loader").fadeOut();
}
});
}

Кто-нибудь знает, как это сделать?
Спасибо

Подробнее здесь: https://stackoverflow.com/questions/742 ... -full-with