Is there a way to arrange two slickgrid tables next to each other? Currently, I am creating two grids using grid = new Slick.Grid..., but the dimensions are hardcoded in CSS like this:
#dynamic1 { /*this is grid one*/
position: absolute;
top: 120px;
left: 0px;
right: 0px;
bottom: 0px;
height:500px;
}
#dynamic2 { /*grid two*/
position: absolute;
top: 120px;
left: 750px;
right: 0px;
bottom: 0px;
height:500px;
}
This is not ideal and lacks flexibility. It would be great if I could display them side by side with a total width that fills the ENTIRE browser window.
Edit: Issue resolved! Below is the updated code:
#dynamic1 {
float: left;
width: 49%;
position: absolute;
top: 120px;
left: 0px;
right: 0px;
bottom: 0px;
height:500px;
}
#dynamic2 { /*grid two*/
float: right;
width: 50%;
position: absolute;
top: 120px;
right: 0px;
bottom: 0px;
height:500px;
}