Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Data tables Editor Width with Scoll

Posted on 2014-09-22
3
Medium Priority
?
208 Views
Last Modified: 2014-09-22
I'm currently trying to implement a simple datatable with editor.

datatables.net

I need the table to be within inside the container however it seems to break out across the page.

please see link below.

www.shl.me/editor/1/

Many thanks in advance.
0
Comment
Question by:Geektank
  • 2
3 Comments
 
LVL 7

Accepted Solution

by:
rgranlund earned 1500 total points
ID: 40336580
div.container {
    margin: 0 auto;
    max-width: 980px;
    overflow: scroll;
}

.dataTables_wrapper:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
width:980px;
}

Open in new window

0
 

Author Comment

by:Geektank
ID: 40336808
Thanks
0
 

Author Closing Comment

by:Geektank
ID: 40336813
overflow-x: auto;
 

was the key, thanks.
0

Featured Post

[Webinar] Cloud Security

In this webinar you will learn:

-Why existing firewall and DMZ architectures are not suited for securing cloud applications
-How to make your enterprise “Cloud Ready”, and fix your aging DMZ architecture
-How to transform your enterprise and become a Cloud Enabler

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

If I have to fix slow responding website my first thoughts are server side optimizations: the database may not be optimized or caching is not enabled, or things like that. We often overlook another major part of our web application: the client. We o…
Thoughout my experience working on eCommerce web applications I have seen applications succumbing to increased user demand and throughput. With increased loads the response times started to spike, which leads to user frustration and lost sales. I ha…
The purpose of this video is to demonstrate how to set up the WordPress backend so that each page automatically generates a Mailchimp signup form in the sidebar. This will be demonstrated using a Windows 8 PC. Tools Used are Photoshop, Awesome…
Learn how to set-up custom confirmation messages to users who complete your Wufoo form. Include inputs from fields in your form, webpage redirects, and more with Wufoo’s confirmation options.

963 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question