[RESOLVED]how to change table row height in bootstrap?

HI,

how do i change table row height in bootstrap 3?

i tried inline but no use?

how can i do this?

Thanks,

Murali.

Hi

you can do that using css :

this will apply to all tables

table tr{
   height: 500px;
}

Use a specific selector to apply to specific tables:

table.class_selector tr{
   height: 500px;
}

hi sam,

Thanks its working

could you please tell me how do i remove the padding in td

when i put any data in td it appears padding on four sides

Hi just do like this

table tr td{
   padding:0px;
}

Use a specific selector to apply to specific tables:

table.class_selector td{
   padding:0px;
}

No still padding is there

please check the below image once

https://www.facebook.com/photo.php?fbid=684360811671598&set=a.140484002725951.30333.100002930567133&type=1&theater

try this but do this thing for specific ones

table tr td{
   padding:0px !important;
}

Use a specific selector to apply to specific tables:

table.class_selector td{
   padding:0px !important;
}

Hi Murali,

Thanks for your post.

 As for your problem, you could try Pixel’s solution. When an !important rule is used on a style declaration, this declaration overrides any other declaration made in the CSS, wherever it is in the declaration list. Besides, according to your screen shot,
it seems that text-align is assigned to center. You could check the applied styles of elements via Developer Tools.

Hope it will be helpful to you.

Best Regards,

Fei Han

Thanks Bright

Its working

youu saved a lot of time to me

Thanks Again

Leave a Reply