Page 1 of 1

how to wrap datatable column

Posted: 27 Feb 2017, 03:45
by hairi11
Hi.

How do I wrap data table follow to cell content.

My right action column consist of buttons show a bit wide.

I like the column to fit with both buttons.

Please find the attachment for picture.

Thanks.

/Hairi

Image

Re: how to wrap datatable column

Posted: 15 Mar 2017, 13:44
by aragorn
Can you please attach your screenshot again?

Re: how to wrap datatable column

Posted: 21 Mar 2017, 09:15
by hairi11

Re: how to wrap datatable column

Posted: 23 Mar 2017, 12:28
by aragorn
I think you can give a width to column;

Code: Select all

<p:column width="100px;">
        <p:commandButton icon="fa fa-pencil" />
        <p:commandButton icon="fa fa-home" />
</p:column>
And add margin-* to buttons

Re: how to wrap datatable column

Posted: 04 Jun 2017, 08:13
by hairi11
Sorry. Long time after responding to your reply.

I fixed it with a size for column table but its give effect to mobile view.

Please look to image https://drive.google.com/open?id=0ByXfn ... TRXOE1RcWs

Red box is w/o fixed the column.

Green box is when i put size to the column.

Thanks

/Hairi

Re: how to wrap datatable column

Posted: 04 Jun 2017, 10:47
by aragorn
Glad to hear, thanks for the update and screenshot.

Re: how to wrap datatable column

Posted: 10 Jun 2017, 20:39
by hairi11
Hi.
I look this as unresolved solution. still looking into it. any idea?
hairi11 wrote:
04 Jun 2017, 08:13
Sorry. Long time after responding to your reply.

I fixed it with a size for column table but its give effect to mobile view.

Please look to image https://drive.google.com/open?id=0ByXfn ... TRXOE1RcWs

Red box is w/o fixed the column.

Green box is when i put size to the column.

Thanks

/Hairi

Re: how to wrap datatable column

Posted: 13 Jun 2017, 08:08
by aragorn
I think it is different from the first issue. Could you please attach the code of your responsive datatable?