DataTables Plugin - Выровнять кнопки справа

Question

Я использую этот плагин: https://www.datatables.net/

У меня есть таблица со списком всех новостей на сайте, с: датой, названием, статусом и некоторые действиями (добавление, редактирование, удалить), см. здесь:

И я хочу поместить все эти кнопки вправо. Точно так:

(я просто этот результат, потому что я изм фотошопе)

Как я могу это сделать? Я попытался с некоторыми "выравнивать право", но он не работает, как я хочу ...

Может кто-нибудь мне помочь? :)

Моего код:

$('#datatable').dataTable({ 
    "aaSorting": [], 
    "oLanguage": { 
     "sInfo": "<b>_TOTAL_</b> resultados encontrados" 
    }, 
}); 

Answer 1

Хитрость заключается в том, чтобы установить autoWidth ложь, и определить columns так «кнопка колонок» имеет фиксированную ширину и другие столбцы относительной шириной процента, близкую к 100% , Важно также избегать словесной печати в столбце кнопок. Пример

td.buttons { 
    white-space: nowrap; 
} 

var table = $('#example').dataTable({ 
    autoWidth: false, 
    columns : [ 
     { width: '50%' }, 
     { width: '40%' }, 
     { width: '100px', class : 'buttons' } 
    ]  
}) 

небольшой демо (OP не предоставил пример) ->http://jsfiddle.net/pebmuu4w/

---

NB: Я предполагаю, что вы используете 1.10.x, так как вы только со ссылкой на DataTables в целом. Если вышеуказанные варианты не указаны bAutoWidth, aoColumns, sWidth и sClass.