AllenFang / AllenFang/react-bootstrap-table

Table Header width and Table Body width mismatch and unaligned

未關閉
#1,006 59 則留言 10 個 reaction 已指派 0 人 在 GitHub 檢視
bug in progress
主要語言
JavaScript
星號
2.2k
分支
761
PR 合併指標
30 天內沒有已合併 PR

描述

I am using "react-bootstrap-table" with version 2.11.0 and i am facing the following issue -

1] **The header columns width do not match with their corresponding body columns width.
It looks as if data of one column belongs to some other column.
All the data is unaligned.**

2] This is my jsx code :

`



ID
Direct/HQ
Region
Destination Country
Destination Operator
By Performance
% Coverage
Destination Operator Options
SMPP/SS7
Alphanumeric TPOA Supported
Mobile Ack
By Price
Volume Banded SMS MT Fee (Max)
1-2, 50, 000
2, 50, 001-5, 00, 000
5, 00, 001-10, 00, 000
10, 00, 001-Over

`

3] I've read various other similar issues, but none of the solutions seem to work.

4] I have imported the "react-bootstrap-table-all.min.css".

5] I am using Chrome browser with Version 55.0.2883.87 m

6] I am attaching a screenshot of the mis-aligned table.
![issue](https://cloud.githubusercontent.com/assets/8423801/22549276/9320ecd6-e970-11e6-856f-24a1463949ad.jpg)

@AllenFang , can you please look into this issue and respond as soon as possible

貢獻指南

開啟貢獻指南

評估

這個 Issue 還沒有評估資料。

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。