On Sun, Jul 6, 2014 at 10:52 AM, Larry Martell <larry.mart...@gmail.com> wrote: > 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.
Just to close out this thread, I ended up using http://nevcal.com/eclectic/UltimateScrollingTable.html ______________________________________________________________________ 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/
