Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

datePicker not displaying the days of the month #498

Closed
alvarotrigo opened this issue Mar 14, 2013 · 8 comments
Closed

datePicker not displaying the days of the month #498

alvarotrigo opened this issue Mar 14, 2013 · 8 comments
Labels

Comments

@alvarotrigo
Copy link

I am using datepicker for a column in the table and this is the result:
datapicker

I have seen that the style .handsontable table has the attribute width set to 0, and that's why the days are not being shown.

I have another datepicker in my site (outsite of datatable) and it works perfectly.

Why is this happening?
I am importing:
<link rel="stylesheet" type="text/css" href="/css/jquery.handsontable.css" />
<link rel="stylesheet" type="text/css" href="/tlm/css/jquery-ui-1.9.1.custom.min.css" />

<script type="text/javascript" src="/js/jquery.handsontable.js">

@chronossc
Copy link

In my case handson table css is overwriting jquery ui css.

For page with handsontable as workaround I'm reloading jquery ui css after handson table css and works fine.

Many people use jquery-ui before even heard about handson table (don't get me wrong :], it's about age), so IMO handson table should avoid conflicts with that.

To avoid that conflict we should use more specific css, ex, use:

.handsontable .handson-table {}

instead

.handsontable table {}

In my opnion jquery ui is also wrong when using

.ui-datepicker table {}

instead

.ui-datepicker .ui-datepicker-table {}

but jquery-ui is a project much more hard to change, and with roadmaps very much longer than handsontable.

@IdleMach
Copy link

I'd like to "up vote" this issue too

@setthase
Copy link

@IdleMach Have you tired resolution from post above you?

@IdleMach
Copy link

IdleMach commented May 1, 2013

It's a workaround not a good resolution... I switched to the Bootstrap JQuery css and use in page styles to fix the Handsontable styles. I notice the date picker still looks different with drop lists for month/year and a border around the days of the week.

@Nickholas
Copy link

i have added
.handsontable .handson-table {}
on my jquery.handsontable.full.css file but now it appears like the image:
handsontable

what i am doing wrong?

@alvarotrigo
Copy link
Author

Something is wrong for sure... I just tried to solve it overwriting styles....

@preisl
Copy link

preisl commented Jul 29, 2013

Same issue here ... but reloading jquery ui css after handsontable css as described by chronossc did the trick.

@psmolenski
Copy link
Contributor

Fixed in version 0.9.12

warpech added a commit that referenced this issue Aug 15, 2013
… and #956)

jQuery UI Datepicker moved outside of ".handsontable" to retain compability with fixes for #498
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

7 participants