On Sat, Jul 5, 2014 at 3:14 PM, Karl DeSaulniers <k...@designdrumm.com> wrote: > > On Jul 4, 2014, at 1:18 PM, Larry Martell <larry.mart...@gmail.com> wrote: > >> On Thu, Jul 3, 2014 at 10:49 PM, Karl DeSaulniers <k...@designdrumm.com> >> wrote: >>> >>> Hi Larry, >>> See my code pen. I "think" this is what your wanting and it's table less. :) >>> >>> http://codepen.io/designdrumm/pen/FLAkc >>> >>> Haven't tested on IE, I'm on a mac. But safari, firefox and opera seemed to >>> work and display the same. >>> HTH, >> >> Karl, thanks very much for taking the time to put this up. But it >> still has the same issue - if a cell of data is long, then it runs >> into the adjoining cell, e.g.: >> >> http://codepen.io/anon/pen/IGcmt >> >> Also I need it to be table since we use a table sorting package. >> >> I've found a javascript solution that appears to work: >> >> http://nevcal.com/eclectic/UltimateScrollingTable.html >> >> The only issue I am having is that I've lost the on click handler for >> the table headers that invoke the sorting. I think I know how to fix >> it, but I haven't had a chance to implement it yet. >> >> I would much prefer a pure CSS solution, but I don't think that's >> possible while keeping all the features the table provides. > > > Hi Larry, > Give this one a try. I made this one with a table. > HTH, > > http://codepen.io/designdrumm/pen/dreBL
Hi Karl, Thanks very much for taking the time to put this up. The issue I see with this, is you set the column width to 33% (100/number of columns). In my tables I have 10-15 columns and I do not want them to be the same size - I need them to auto size based on the data. I played around with your code and when I added more columns, some with very short data (e.g. 4 characters), the headers and data got misaligned. I have 10 tables and they are all different and I don't want to have to have a style for each of my 125 cells. I'd like it to work as it does now (where I don't set any widths) and the table just works as I want. Thanks again. ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
