Table content width exceeds header width

Table content width exceeds header width

equisdeequisde Posts: 34Questions: 0Answers: 0
edited November 2012 in General
Hi all,

Table content width exceeds header width when large data is inserted on fields.
How can I avoid this? :(

i.e: http://img854.imageshack.us/img854/1827/37773010.jpg

I´m using DataTables 1.9.4

Thanks in advance

Replies

  • equisdeequisde Posts: 34Questions: 0Answers: 0
    edited November 2012
    Did anynone have this problem?
  • equisdeequisde Posts: 34Questions: 0Answers: 0
    edited November 2012
    no response.... unbelievable!!

    Allan, could you please advice on this matter?
  • allanallan Posts: 63,532Questions: 1Answers: 10,475 Site admin
    > no response.... unbelievable!!

    For real? There are 30+ posts a day in this form and only one me. I need to earn a living doing a job as well as giving free support advice on this forum. There simply aren't enough hours in the day for me to answer all posts. The support option is there if you need an answer to your question: http://datatables.net/support .

    In this case, I would say that you need to enable x-scrolling, but it is hard to say without a link to an actual example.

    Allan
  • equisdeequisde Posts: 34Questions: 0Answers: 0
    Hello allan,

    Thanks for your reply. I wrote the phrase you quoted due to I consider this as a common snag and I was waiting any response from other people on the forum with the same trouble.
    At no time i wrote this due to lack of your reply. Sorry if you felt offended.

    I´ll try your suggestion and let you know.

    Thanks again allan,
  • equisdeequisde Posts: 34Questions: 0Answers: 0
    Allan,

    Sorry if i cannot give you a link but i have not uploaded the website. I´m working in my localhost.

    I tried to enable x-scrolling but unfortunately it does not work. Althought x-scrolling is enabled the problem persists.

    I was able to use your debugging feature and this is the result --> http://debug.datatables.net/ojexil

    And this is a screenshot --> http://imageshack.us/photo/my-images/600/15237018.jpg/

    Thanks and best regards,
  • allanallan Posts: 63,532Questions: 1Answers: 10,475 Site admin
    The debug trace shows that you don't have scrolling enabled. But the screenshots looks like it does, if incomplete. There is obviously no ling breaking happening due to the long string, but scrolling should allow for that. I'm afraid we can't offer any help without being able to reproduce the error though. Perhaps you can recreate it on http://live.datatables.net ?
  • equisdeequisde Posts: 34Questions: 0Answers: 0
    Hi allan,

    I think this is that you suggested: http://live.datatables.net/azecof/3/edit#html,live

    Sorry if it is not correctly done but doing copy&paste my webpage is rendered without applying smoothness theme, colvis, etc...

    Thanks,
  • timtuckertimtucker Posts: 48Questions: 0Answers: 0
    Is this closer to what you want?
    http://live.datatables.net/efuyaj/3/

    Example is based on the first thing I found searching for "css force table cell wrap". This is really more of a general css issue than anything to do with datatables. If you have text that's too wide for the column you want to show it in, there's a limited number of ways to deal with it -- either let the cell get as wide as the text (the default), make it wrap (solution above), set overflow: hidden on the cell to make it cut off the overflow, or set overflow: scroll to make the text within the cell scroll.
  • equisdeequisde Posts: 34Questions: 0Answers: 0
    edited November 2012
    Thanks a lot! You hit the target!

    Sorry, my bad. My CSS didn't specify those attributes for tables.

    Thanks to both for your help. I owe you a few beers for wasting your time.
This discussion has been closed.