Table header broken with database2 plugin

[justemu]

Description

The table header is broken with database2 plugin. - all the header titles crowded in the first column, leaving the rest columns no header titles.

Steps to Reproduce

1. Create A new page.
2. Use the <database> tag of database2 plugin to open a table.
3. Save the page

Expected behavior: [What you expected to happen]
A table populated with the data from the database shows up.
The header of each column displays above corresponding column.

Actual behavior: [What actually happened]
The table populated with the data from the database shows up.
However, all the headers of the table crowded in the first column.( PLS check the screenshot)

The table displays correctly, as long as I change the template of the site back to dokuwiki template.
And the problem shows again, if I change the template of the site back to bootsrap3.

Versions

• [Bootstrap3 Template] 2016-12-12
• [DokuWiki] 2016-06-26 "Elenor Of Tsort"
• [Plugin] database2 2014-11-25
• [Browser] Chrome 55.0.2883.87 & Safari

Screenshots or Logs

table broken with template bootstrap3

table shows normal with template dokuwiki

Sample Page

Paste your sample DokuWiki page

[justemu]

here is the html source I obtained with chrome .. The script of table seems correct. And the script from template bootstrap3 and that from template dokuwiki are identical. I do not know why this table breaks when using template bootstrap3 ? Who can help me out? thx a mn！

  <th class="commands"></th>
 </tr>
</thead>
<tbody>
 <tr class="first odd row1"><td class="counter col0 rightalign">1</td>

</tbody>
<caption>
 <input type="submit" name="db2donum10[1]" value="10" class="selected pure-text" />

— 82 records on 9 pages

	药品名	商品名	剂型	规格	包装	单位	中标价	质量层次	生厂商	省份	日期	硫酸氢氯吡格雷片(薄膜衣)	波立维	薄膜衣片	75mg	7	盒	132.17	专利药品	法国赛诺菲Sanofi Winthrop Industries(杭州赛诺菲分装)	吉林	2008/01/01
2	硫酸氢氯吡格雷片	泰嘉	片剂	25mg	20	瓶（盒）	79		深圳信立泰药业股份有限公司	甘肃	2009/01/01
3	硫酸氢氯吡格雷	波立维	薄膜衣片	75mg×7片			128.9	专利	杭州赛诺菲安万特民生制药有限公司-1	新疆	2009/05/31
4	硫酸氢氯吡格雷	波立维	片剂	75mg*7片	75mg*7片	盒	132	专利原研	法国（杭州赛诺菲安万特民生制药）	内蒙古	2009/01/01
5	硫酸氢氯吡格雷	泰嘉	素片	25mg×10片			39	普通GMP	深圳信立泰药业股份有限公司	新疆	2009/05/31
6	硫酸氢氯吡格雷片(薄膜衣)	波立维	薄膜衣片	75mg	7	盒	127.96		法国赛诺菲Sanofi Winthrop Industries(杭州赛诺菲分装)	江苏	2010/02/05
7	硫酸氢氯吡格雷片	泰嘉	素片	0.025g	20	片/瓶	83.9	GMP药品	深圳信立泰药业股份有限公司	湖北	2008/01/01
8	硫酸氯吡格雷片	波立维		75mg*7T	75mg*7T	盒	132.17		杭州赛诺菲安万特民生制药有限公司	内蒙古	2010/01/01
9	氯吡格雷		片剂	75mg	7	盒	128	专利	杭州赛诺菲安万特民生制药有限公司	河南	2009/08/11
10	硫酸氢氯吡格雷	泰嘉	素片	25mg×20片			76.06	普通GMP	深圳信立泰药业股份有限公司	新疆	2009/05/31

[justemu]

I fixed this issue. The conflict comes from the style class "label", which has an attribute “display: inline” defined in the bootstrap3 template. The database2 plugin has applied class "label" in is , leading to this problem of crowed table headers.

my solution is to define a "display: table-cell" attribute in the plugin's overiding the attribute defined in the bootstrap3 template. And the table returns normal.

Now this issue is closed.

[giterlizzi]

Hi @justemu, thanks to reporting this issue and for your investigation.

I think its possible to add your suggested patch in Bootstrap3 template.

At your disposal,
Joseph

[justemu]

I am glad that I helped.
best regards
Benjamin