> 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:
>> 
>>> 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.

Ah, I see. Well my solution to the squeezing columns would be to use some 
@media to change them from inline to block at the size they overlap. But if you 
need a table for sorting, you could always shove it inside the li#cols and it 
could possibly work still. But good luck! Post back if you get a table to do 
what you're wanting. I'd be interested to see it done. 
______________________________________________________________________
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