On Thu, Jul 3, 2014 at 10:49 PM, Karl DeSaulniers <k...@designdrumm.com> wrote:
>
> On Jul 2, 2014, at 7:36 AM, Larry Martell <larry.mart...@gmail.com> wrote:
>
>> On Tue, Jul 1, 2014 at 9:25 PM, Tom Livingston <tom...@gmail.com> wrote:
>>>>
>>>> Is it possible to have a scrolling table with fixed headers without
>>>> explicitly specifying the table cell sizes?
>>>>
>>>
>>>
>>> Depending on your content this may be (or outright is) semantically
>>> horrifying, but you could achieve the *visual look* you want by using
>>> CSS display:table, et al and/or dl,dt,dd and css and have better luck
>>> with the fixed header.
>>>
>>> Some googling resulted in nothing other than solutions similar to yours.
>>>
>>> That's a good one. I look forward to someone smarter than me figuring it 
>>> out...
>>
>> Thanks for the suggestion Tom, and also thanks for the validation that
>> what I'm trying to do is hard ;-)

>
> 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.
______________________________________________________________________
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/

Reply via email to