Question

I am using jquery/datatable. I have a column,Action that contains 3 hyperlink images. Right now, the 3 images is sometimes rendered on 2 separate line. I need them to be on 1 line. I think I need to set the column width. How do I do that?
Any help would be much appreciated. Thanks.

Was it helpful?

Solution 2

I found the solution already. I need to add css white-space:nowrap; in a div surrounding the images.

Here is the code fragment

<div style="white-space:nowrap;">

OTHER TIPS

you can do this with the css script :

if you column like this :

<div class="fixedWidth">
 <a href="#">link 1</a>
 <a href="#">link 2</a>
 <a href="#">link 3</a>
</div>

you can create the css script like this :

.fixedWidth{
 width : 200px !important;
}

try the another width until the view is correct

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top