Добавление ссылки в загрузочный стол

Question

Я хочу добавить ссылку на столбец в bootstrap-table. Как это сделать?

Answer 1

Я нашел механизм для этого, используя объект «formatter». Ниже приведен пример форматирования.

function identifierFormatter(value, row, index) { 
    return [ 
      '<a class="like" href="javascript:void(0)" title="Like">', 
       value, 
      '</a>'].join(''); 
} 

В основном, чтобы использовать это, он должен быть добавлен как атрибут данных HTML в заголовок таблицы.

<th data-field="identifier" data-align="right" data-sortable="true" data-formatter="identifierFormatter">Identifier</th> 

Answer 2

В вашем HTML таблице:

<th data-field="snum" data-formatter="LinkFormatter">Computer</th> 

в вашем JavaScript:

function LinkFormatter(value, row, index) { 
    return "<a href='"+row.url+"'>"+value+"</a>"; 
} 

Answer 3

HTML

<table id="table_exemple" data-toggle="table" data-pagination="true" > 
    <thead> 
     <tr> 
      <th data-field="id">Id</th> 
      <th data-field="name">Nome</th> 
      <th data-field="action" data-formatter="ActionFormatter">Details</th> 
     </tr> 
    </thead> 
    <tbody></tbody> 
</table> 

яваскрипта

var bootstrap_table = $('#table_exemple'); 

function AddRow(obj){ 
    bootstrap_table.bootstrapTable('insertRow', { 
     index: 0, 
     row: { 
      id: obj.id, 
      name: obj.name, 
      action: obj.id 
     } 
    }); 
} 

function ActionFormatter(value) { 
    return '<a href="javascript:void(0)" onclick="Details('+ value +')">Details</a>'; 
} 

function Details(id){ 
    ... 
}