AllenFang / AllenFang/react-bootstrap-table

Table Header width and Table Body width mismatch and unaligned

Abierto
#1,006 59 comentarios 10 reacciones 0 asignados Ver en GitHub
bug in progress
Lenguaje dominante
JavaScript
Estrellas
2.2k
Forks
761
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

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

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.