Я предполагаю, что я нашел более простое решение
temp1 = pd.melt(df1, id_vars=["location"], var_name='Date', value_name='Value')
temp2 = pd.melt(df1, id_vars=["name"], var_name='Date', value_name='Value')
Concat whole temp1
с колонкой temp2
name
temp1['new_column'] = temp2['name']
Теперь у вас есть то, что вы попросил.
Чтобы скрыть столбец, вы можете использовать либо команду JavaScript после bootstrapTable('load',..)
, если вы ее использовали, либо в блоке готовности документа:
$table.bootstrapTable('hideColumn', 'name')
, показанном на сайте Bootstrap-Table: bootstrap-table.com: showColumn-hideCoulumn
или, если вы определяете в таблице, добавьте data-visible = "false" в столбец, который хотите скрыть. bootstrap-table.com: видимые опции столбцов т.е.
<table id="table"
data-toggle="table"... >
<thead>
<tr>
<th data-field="id" data-visible="false" >ID</th>
Для кнопок - я не уверен, для какого типа это проект, - но я решил это, добавив кнопки ссылок к строкам таблицы через data-formatter - читайте об этом в документации API bootstrap-table.com/docs/api/column-options/#formatter
Я использовал найденные примеры на github.com/wenzhixin/bootstrap-table/issues/1765 - в разделе «Формат» -> «Основной формат» - где показано, как добавить ссылку (кнопка с помощью Bootstrap CSS). Чтобы сделать ссылку специфичной для строки, используйте row [], чтобы получить значение поля, или вы можете даже использовать столбец id вместо того, чтобы скрывать его, если это ваше поле (используйте 'value' вместо row [] затем - см. Примеры). Я сделал что-то вроде:
<th data-formatter="buttonFormatter">View Links</th>
затем в блоке javascript <script>
:
function buttonFormatter(value, row, index) {
var id= row["id"];
var url = "https:/...&id=" + id;
return '<a href="'+ url + '" class="btn btn-primary">View</a>';
}
Они основаны примерно на том, что я делал недавно - не проверял эти примеры, но должны дать вам хорошее начало, если вы еще не поняли это ...