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 摘要。