Проблема с отображением HTML с помощью bootstrap-table.js - PullRequest
0 голосов
/ 11 октября 2019

Я создал динамический список с фильтром начальной загрузки, но при отображении всех ссылок возникает проблема.

Я не знаю, почему отображается HTML-код

Пожалуйста, помогите мне, пожалуйста.

сердечно.

enter image description here

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.0/bootstrap-table.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.1/extensions/editable/bootstrap-table-editable.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.1/extensions/export/bootstrap-table-export.js" type="text/javascript"></script>
<script src="https://rawgit.com/hhurz/tableExport.jquery.plugin/master/tableExport.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.1/extensions/filter-control/bootstrap-table-filter-control.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.0/bootstrap-table.min.css" />
<link rel="stylesheet" type="text/css" href="https://rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/css/bootstrap-editable.css" />
<link rel="stylesheet" type="text/css" href="https://rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/css/bootstrap-editable.css" />
<table id="table" 
			 data-toggle="table"
			 data-search="true"
			 data-filter-control="true" 
			 data-show-export="true"
			 data-click-to-select="true"
			 data-toolbar="#toolbar">
	<thead>
		<tr>
			<th data-field="state" data-checkbox="true"></th>
			<th data-field="article" data-filter-control="input" data-sortable="true">Article</th>
            <th data-field="composant" data-filter-control="select" data-sortable="true">Composant</th>
            <th data-field="fournisseur" data-filter-control="input" data-sortable="true">Fournisseur</th>
		</tr>
	</thead>
	<tbody>
    <? while($row = $req->fetch(PDO::FETCH_ASSOC)){  ?>           
		<tr>
			<td class="bs-checkbox "><input data-index="0" name="btSelectItem" type="checkbox"></td>
			<td><a href="#"><?php echo $row['code_article'] ?></a></td>
			<td><?php echo $row['comp'] ?></td>
			<td><?php echo $row['fournisseur'] ?></td>
		</tr>
    <? } ?>	
	</tbody>
</table>

Ответы [ 2 ]

1 голос
/ 11 октября 2019

Добавьте data-escape="false" к тегу таблицы - тогда будет отображен "простой" HTML-код

<table id="table" 
    ...
    data-escape="false"
>

см. https://bootstrap -table.com / docs / api / table-options /# побег

0 голосов
/ 14 октября 2019

Большое спасибо

с атрибутом data-escape = "false" работает отлично.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...