Re: RE: RE: RE: Regarding TreeTable Horizontal Scrollbar
Hi, I am new to the Wicket and am trying out the TreeTable example. I am facing a more fundmental issue. I am unable to give a fixed width to the middle columns. I can only specify the Unit as Proportional which is dividing the columns proportionally within the available space. Because of this I don't even see where horizontal scrollbar can be used with the table. The total width of the table seems to remain same no matter how many coloumns I add. Is there a way to change this behaviour so that I can specify fixed widths to all the columns? regards, Kamesh Leo Erlandsson wrote: Hi, Still a CSS issue, not a Wicket one ;) I used Google to search for css table locked column scroll First result was a good StackOverflow-question: http://stackoverflow.com/questions/296020/how-can-i-lock-the-first-row-and-first-column-of-a-table-when-scrolling-possibly Try the Horizontal Scrollbar in the example mentioned in the Accepted StackOverflow answer: http://www.cubido.at/Portals/7/docs/Blog/Karin/HTML%20and%20Javascript/ResizeColumns/Table.htm Source here: http://www.cubido.at/Portals/7/docs/Blog/Karin/HTML%20and%20Javascript/ResizeColumns.zip Seems to be what you're looking for. Thanks to have your valuable reply effort you made to answer my query. But let me to explain you again my problem statement because this solution won't help me to fix the issue I have. I need a CSS style at TreeTable markup level so that the Horizontal Scrollbar would be a part of TreeTable component. Here is my problem statement: In my application, there are two scenarios: 1) I need an entire table to be scrollable horizontally 2) Horizontal scrolling on entire table except the tree node column. Now I tried with changing both TreeTable markup CSS attribute but couldn't get success. I am using wicket 1.4.5 version. Actually the problem statement is, in my application, I need a TreeTable where first column should contain the data in a tree structure rest others column will be the simple one. So, I used TreeTable wicket-extension component to get the requirement fulfill but the problem arises when table has many number of columns then the table should be horizontally scrollable. And as per my analysis, this existing treetable component doesn't provide this feature. Could you please let me know that whether it's possible to customize component for above mentioned requirement? And if yes, then guide me to do this otherwise please let me know what would be the other approach. - --- Leo Erlandsson, M. Sc. -- View this message in context: http://old.nabble.com/Regarding-TreeTable-Horizontal-Scrollbar-tp27901312p28039590.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Re: RE: RE: RE: Regarding TreeTable Horizontal Scrollbar
Take a look at http://www.wicketframework.org/wicket-extensions/apidocs/wicket/extensions/markup/html/tree/table/ColumnLocation.html Specifying fixed size column should be no harder than adding them as LEFT or RIGHT columns instead of MIDDLE Column. MIDDLE column cannot have a fixed width. You should, however, be aware of a JavaScript i TreeTable that does resizing, see method init() in TreeTable: // Attach the javascript that resizes the header according to the body // This is necessary to support fixed position header. The header does // not // scroll together with body. The body contains vertical scrollbar. The // header width must be same as body content width, so that the columns // are properly aligned. Maybe you need to remove this, or at least modify the behavior... Or, you could always do as I did in my example - specify the width of the treetable greater than the size of the enclosing div (see earlier examples). Hi, I am new to the Wicket and am trying out the TreeTable example. I am facing a more fundmental issue. I am unable to give a fixed width to the middle columns. I can only specify the Unit as Proportional which is dividing the columns proportionally within the available space. Because of this I don't even see where horizontal scrollbar can be used with the table. The total width of the table seems to remain same no matter how many coloumns I add. Is there a way to change this behaviour so that I can specify fixed widths to all the columns? regards, Kamesh
Re: RE: RE: RE: Regarding TreeTable Horizontal Scrollbar
Hi, Still a CSS issue, not a Wicket one ;) I used Google to search for css table locked column scroll First result was a good StackOverflow-question: http://stackoverflow.com/questions/296020/how-can-i-lock-the-first-row-and-first-column-of-a-table-when-scrolling-possibly Try the Horizontal Scrollbar in the example mentioned in the Accepted StackOverflow answer: http://www.cubido.at/Portals/7/docs/Blog/Karin/HTML%20and%20Javascript/ResizeColumns/Table.htm Source here: http://www.cubido.at/Portals/7/docs/Blog/Karin/HTML%20and%20Javascript/ResizeColumns.zip Seems to be what you're looking for. Thanks to have your valuable reply effort you made to answer my query. But let me to explain you again my problem statement because this solution won't help me to fix the issue I have. I need a CSS style at TreeTable markup level so that the Horizontal Scrollbar would be a part of TreeTable component. Here is my problem statement: In my application, there are two scenarios: 1) I need an entire table to be scrollable horizontally 2) Horizontal scrolling on entire table except the tree node column. Now I tried with changing both TreeTable markup CSS attribute but couldn't get success. I am using wicket 1.4.5 version. Actually the problem statement is, in my application, I need a TreeTable where first column should contain the data in a tree structure rest others column will be the simple one. So, I used TreeTable wicket-extension component to get the requirement fulfill but the problem arises when table has many number of columns then the table should be horizontally scrollable. And as per my analysis, this existing treetable component doesn't provide this feature. Could you please let me know that whether it's possible to customize component for above mentioned requirement? And if yes, then guide me to do this otherwise please let me know what would be the other approach.
RE: RE: RE: Regarding TreeTable Horizontal Scrollbar
Thanks to have your valuable reply effort you made to answer my query. But
let me to explain you again my problem statement because this solution won't
help me to fix the issue I have. I need a CSS style at TreeTable markup level
so that the Horizontal Scrollbar would be a part of TreeTable component. Here
is my problem statement:
In my application, there are two scenarios:
1) I need an entire table to be scrollable horizontally
2) Horizontal scrolling on entire table except the tree node column.
Now I tried with changing both TreeTable markup CSS attribute but couldn't
get success. I am using wicket 1.4.5 version.
Actually the problem statement is, in my application, I need a TreeTable where
first column should contain the data in a tree structure rest others column
will be the simple one. So, I used TreeTable wicket-extension component to get
the requirement fulfill but the problem arises when table has many number of
columns then the table should be horizontally scrollable. And as per my
analysis, this existing treetable component doesn't provide this feature.
Could you please let me know that whether it's possible to customize component
for above mentioned requirement? And if yes, then guide me to do this otherwise
please let me know what would be the other approach.
Thanks Regards
Vikash
-Original Message-
From: leo.erlands...@tyringe.com [mailto:leo.erlands...@tyringe.com]
Sent: Thursday, March 18, 2010 3:19 PM
To: users@wicket.apache.org
Subject: Re: RE: RE: Regarding TreeTable Horizontal Scrollbar
Anyone knows how to get the TreeTable Horizontal Scrollbar? If possible
share the code snippet.
Regards
Vikash
Didn't you find any CSS Examples using Google?
This really is not a Wicket question, but a CSS question. However, I did a
CSS Example for you.
Is this what you're looking for (click URL to see image)?
http://img514.imageshack.us/img514/1294/wicketscrollingtreetabl.jpg
It's all CSS. I took the Wicket TreeTable Example and added the following
CSS (quick and dirty, there are more ways).
The magic is the CSS overflow-x: scroll;
wicket:head
style
div.my-tree {
height: 20em;
width:1500px;
}
div.c {
width:1250px;
overflow-x: scroll;
}
/style
/wicket:head
wicket:extend
div class=c
div wicket:id=treeTable class=my-tree
/div
/div
/wicket:extend
iGATE is Ranked No. 1 in DQ-IDC best IT employer survey and Ranked No.2
by Business Today-Mercer Human Resource Consulting-TNS in a cross industry
survey of Best Companies to work for in India
DISCLAIMER-
Information transmitted by this EMAIL is proprietary to iGATE Group of
Companies and is intended for use only by the individual
or entity to whom it is addressed and may contain information that is
privileged, confidential, or exempt from disclosure under
applicable law. If you are not the intended recipient of this EMAIL immediately
notify the sender at iGATE or mailad...@igate.com
and delete this EMAIL including any attachments
-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org
RE: RE: Regarding TreeTable Horizontal Scrollbar
Anyone knows how to get the TreeTable Horizontal Scrollbar? If possible share the code snippet. Regards Vikash -Original Message- From: Vikash Shrivastava [mailto:vikash.shrivast...@igate.com] Sent: Monday, March 15, 2010 7:26 PM To: users@wicket.apache.org Subject: RE: RE: Regarding TreeTable Horizontal Scrollbar It's true that we can get the horizontal scroll by using CSS but, in case of wicket TreeTable component, it's an issue as because of the wicket component getting prepared at java side and I couldn't find the appropriate place (in both java markup code) to use the CSS attribute. I tried to use CSS horizontal scroll attributes in wicket-tree-table CSS class but it couldn't work. Please let me know the approach if anyone has faced resolve similar kind of issue with TreeTable. Thanks -Original Message- From: leo.erlands...@tyringe.com [mailto:leo.erlands...@tyringe.com] Sent: Monday, March 15, 2010 2:50 PM To: users@wicket.apache.org Subject: Re: RE: Regarding TreeTable Horizontal Scrollbar If you want the entire table to be scrollable horizontally you should probably place the CSS attributes on the top CSS class (wicket-tree-table). Search the net for CSS horizontal scoll. There should be loads of examples on how to do this using CSS. http://lmgtfy.com/?q=css horizontal scoll overflow Where should I place the contents you have sent me as I tried it at TreeTable html couldn't get the needed output? Please see the below code and let me know where I can modify... Tried for both TreeTable component html web page html. wicket:panel div class=wicket-tree-table iGATE is Ranked No. 1 in DQ-IDC best IT employer survey and Ranked No.2 by Business Today-Mercer Human Resource Consulting-TNS in a cross industry survey of Best Companies to work for in India DISCLAIMER- Information transmitted by this EMAIL is proprietary to iGATE Group of Companies and is intended for use only by the individual or entity to whom it is addressed and may contain information that is privileged, confidential, or exempt from disclosure under applicable law. If you are not the intended recipient of this EMAIL immediately notify the sender at iGATE or mailad...@igate.com and delete this EMAIL including any attachments - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org iGATE is Ranked No. 1 in DQ-IDC best IT employer survey and Ranked No.2 By Business Today-Mercer Human Resource Consulting-TNS in a cross industry survey of Best Companies to work for in India _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Information transmitted by this EMAIL is proprietary to iGATE Group of Companies and is intended for use only by the individual or entity to whom it is addressed and may contain information that is privileged, confidential, or exempt from disclosure under applicable law. If you are not the intended recipient of this EMAIL immediately notify the sender at iGATE or mailad...@igate.com and delete this EMAIL including any attachments _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: RE: RE: Regarding TreeTable Horizontal Scrollbar
Anyone knows how to get the TreeTable Horizontal Scrollbar? If possible
share the code snippet.
Regards
Vikash
Didn't you find any CSS Examples using Google?
This really is not a Wicket question, but a CSS question. However, I did a
CSS Example for you.
Is this what you're looking for (click URL to see image)?
http://img514.imageshack.us/img514/1294/wicketscrollingtreetabl.jpg
It's all CSS. I took the Wicket TreeTable Example and added the following
CSS (quick and dirty, there are more ways).
The magic is the CSS overflow-x: scroll;
wicket:head
style
div.my-tree {
height: 20em;
width:1500px;
}
div.c {
width:1250px;
overflow-x: scroll;
}
/style
/wicket:head
wicket:extend
div class=c
div wicket:id=treeTable class=my-tree
/div
/div
/wicket:extend
Re: RE: Regarding TreeTable Horizontal Scrollbar
If you want the entire table to be scrollable horizontally you should probably place the CSS attributes on the top CSS class (wicket-tree-table). Search the net for CSS horizontal scoll. There should be loads of examples on how to do this using CSS. http://lmgtfy.com/?q=css horizontal scoll overflow Where should I place the contents you have sent me as I tried it at TreeTable html couldn't get the needed output? Please see the below code and let me know where I can modify... Tried for both TreeTable component html web page html. wicket:panel div class=wicket-tree-table
RE: RE: Regarding TreeTable Horizontal Scrollbar
It's true that we can get the horizontal scroll by using CSS but, in case of wicket TreeTable component, it's an issue as because of the wicket component getting prepared at java side and I couldn't find the appropriate place (in both java markup code) to use the CSS attribute. I tried to use CSS horizontal scroll attributes in wicket-tree-table CSS class but it couldn't work. Please let me know the approach if anyone has faced resolve similar kind of issue with TreeTable. Thanks -Original Message- From: leo.erlands...@tyringe.com [mailto:leo.erlands...@tyringe.com] Sent: Monday, March 15, 2010 2:50 PM To: users@wicket.apache.org Subject: Re: RE: Regarding TreeTable Horizontal Scrollbar If you want the entire table to be scrollable horizontally you should probably place the CSS attributes on the top CSS class (wicket-tree-table). Search the net for CSS horizontal scoll. There should be loads of examples on how to do this using CSS. http://lmgtfy.com/?q=css horizontal scoll overflow Where should I place the contents you have sent me as I tried it at TreeTable html couldn't get the needed output? Please see the below code and let me know where I can modify... Tried for both TreeTable component html web page html. wicket:panel div class=wicket-tree-table iGATE is Ranked No. 1 in DQ-IDC best IT employer survey and Ranked No.2 by Business Today-Mercer Human Resource Consulting-TNS in a cross industry survey of Best Companies to work for in India DISCLAIMER- Information transmitted by this EMAIL is proprietary to iGATE Group of Companies and is intended for use only by the individual or entity to whom it is addressed and may contain information that is privileged, confidential, or exempt from disclosure under applicable law. If you are not the intended recipient of this EMAIL immediately notify the sender at iGATE or mailad...@igate.com and delete this EMAIL including any attachments - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
