Automatically Sizing Table Cell Width Using CSS

How can I get my CSS sheet to automatically size the width of
the table cells where text is located?
Example
Page

quote:
Originally posted by:
Newsgroup User
That's how table cells work with no prompting from you, if
they have no
width assigned at all.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"rmiman" <[email protected]> wrote in
message
news:ev0h1o$a4j$[email protected]..
> How can I get my CSS sheet to automatically size the
width of the table
> cells where text is located?
>
>
http://www.rminc.com/test_examples/test3.html
I know but let's say I want to have a table with a width of
600px and 5 columns, 2 of those colums have content and the other 3
don't. I want those 2 columns with content to automatically size
themselves but since my table has a width of 600px it won't
work.

Similar Messages

Table cell widths and images

I am try to create a able that will have 4 columns in all but
the the layout will be flexible.
That is the text might span 3 columns and an image might be
in the remaining 1 column. Or the timage will span 2 columns and
the text in the remaining 2 columns. Sort of a flexible magazine
layout that can combine text and photos. . you can see what I came
up with at this URL
http://www.historicchevychasedc.org/test/
Even though the drawing of the house is much small than the 3
columns it occupies it throws the whole layout off. When I removed
the image or replace it with txt the layout looks fine. (When it
looks fine the first paragraph starts to the immediate right of the
small photo, there isn't that large gap of space. This paragraph
spans 3 columns)
Is there anyway to make tables behave? Or is there a solution
sans table that is flexible enough to accommodate a variety of text
and photo arrangements?
Tom

Hello,
I agree with Malcom.
Separate tables or nested tables if you must use tables, but
don't merge
cells as it can cause trouble, especially rowspans.
The layout you built could also be built by placing all the
text in a div
and floating the images to the left or to the right.
Here's some great info:
http://css.maxdesign.com.au/floatutorial/
Take care,
Tim
"Malcolm _" <[email protected]> wrote in message
news:[email protected]..
> On Mon, 25 Aug 2008 21:03:23 +0000 (UTC), "TSemmes"
> <[email protected]> wrote:
>
>
>>
http://www.historicchevychasedc.org/test/
>>
>> Even though the drawing of the house is much small
than the 3 columns it
>>occupies it throws the whole layout off. When I
removed the image or
>>replace it
>>with txt the layout looks fine. (When it looks fine
the first paragraph
>>starts
>>to the immediate right of the small photo, there
isn't that large gap of
>>space.
>>This paragraph spans 3 columns)
>
> If you want to use tables for this - I would not try to
put all the
> rows in one table, but would have a one table for each
image - and
> with a second row if you wanted a caption underneath.
>
>
>>
>> Is there anyway to make tables behave? Or is there a
solution sans table
>> that
>>is flexible enough to accommodate a variety of text
and photo
>>arrangements?
>>
>
> I gave up with tables for things like this some time ago
- just used
> CSS-P floats to contain images and floating text next to
the images.
> --
>
> ~Malcolm~*...
> ~*

Defining a component width using CSS

Hi,
I am using CSS to completely define the layout of my applications. I was able to remove all layout coding from the MXML/AS files (which is great!!), except one minor thing - which, unfortunately, is very important -: component size (width and height).
I can define positioning and "some" sizing using constraint layout (left="10", right="10"). But there are some cases where I need to explicitely say: "I want this component 10 pixels far from the right border, and I want it to have 100 pixels of width, no matter what happens with it's container size". In those cases I am forced to put "skinning" code in the middle of my MXML, which sucks.
Isn't there an easy way to set component dimensions using CSS? I find this a major problem with skinning applications using CSS. Or is there another proposed solution?
Thanks,
João Saleiro

I normally post my ER's & bugs in Jira. I just wanted to make sure that there weren't other solutions before filling an ER.
Thank you.
For other people looking for this subject, my ER can be found here: https://bugs.adobe.com/jira/browse/SDK-21805

Locking Table Cell width/height

Is there a way to lock a table size width or height?
Thanks,
Lorne

> I'm open to suggestions for how to organize these
galleries? We have
> hundreds
> of photos and we really are wanting to have ONE .html
page per project.
> Not
> twelve or what not.
>
Go here -
http://www.projectseven.com/
Look at their slideshow extensions. You won't find better
ones anywhere.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"lorne17" <[email protected]> wrote in
message
news:g4besi$dsh$[email protected]..
> I'm trying to get an image gallery with thumbnails. But
half our images
> are
> landscape the other half portrait. So it's hard to get
them to be the
> same
> resolution. Some are panoramic too.
>
> So what I need is a way to have my images show up on the
site without
> disrupting the format the text.
>
> Look here: www.barleypfieffer.com Click
portfolio/residential/any
> project.
> You'll see our current layout. The last web designer has
each and every
> image
> a different webpage. So trying to add new projects and
update current
> just
> takes entirely too long.
>
> I'm open to suggestions for how to organize these
galleries? We have
> hundreds
> of photos and we really are wanting to have ONE .html
page per project.
> Not
> twelve or what not.
>
> Thanks,
> Lorne
>

'...' not appearing in obscured table cell when using custom renderer.

Hello all -
I am using a custom JPanel as a cell renderer in a JTable to display two icons per cell. Unfortunately, I am running into a problem that occurs when resizing a column such that the width of the column is less than the size of the cell content. Normally, when resizing a cell in this manner, it will start to cut off the text within the cell and add '...' to signify that some material is obscured. However, using my cell renderer, the text simply cuts off with no indication whatsoever there is more content that is being hidden. I have tried looking through the JComponent code to find a function to overload but I haven't had much luck. Does anyone have any suggestions?
For a simple example, compile and run the following code and try resizing the two columns. You should be able to notice the difference.
Thanks,
- Alex
import java.awt.*;
import java.awt.image.*;
import java.util.*;
import javax.swing.*;
import javax.swing.table.*;
public class TwoIcons extends JFrame {
     public static void main(String[] args){
          createIcons();
          SwingUtilities.invokeLater
               new Runnable()
                    public void run() {
                         new TwoIcons();
     public TwoIcons(){
          super("Test");
          DefaultTableModel tm = new DefaultTableModel(
               new Object[][]{
                    {new IconPair("cross", "cross"), "just a string"},
                    {new IconPair("circle", "cross"),"just another string"},
                    {new IconPair("String", "circle"),"yet another string"}
               }, new String[]{"Two Icons","String"}){
               public Class getColumnClass(int columnIndex){
                    if(columnIndex==0){
                         return IconPair.class;
                    else
                         return super.getColumnClass(columnIndex);
          JTable table = new JTable(tm);
          final Color bg = table.getBackground();
          table.setDefaultRenderer(IconPair.class, new TableCellRenderer(){
                    RendererPanel renderer = new RendererPanel(bg);
                    public Component getTableCellRendererComponent(JTable table, Object value, boolean isSelected, boolean hasFocus, int row, int column) {
                         renderer.setIcons((IconPair)value);
                         return renderer;
          JScrollPane scp = new JScrollPane(table);
          add(scp);
          setSize(400,100);
          setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          pack();
          setVisible(true);
     class RendererPanel extends JPanel{
          JLabel icon1, icon2;
          RendererPanel(Color bg){
               setLayout(new BoxLayout(this,BoxLayout.LINE_AXIS) );
               icon1=new JLabel();
               icon2=new JLabel();
               add(icon1);
               add(icon2);
               setBackground(bg);
          public void setIcons(IconPair value) {
               icon1.setIcon(value.i1);
               icon1.setToolTipText("Icon 1");
               icon2.setIcon(value.i2);
               icon2.setToolTipText("Icon 2");
               //uncomment next 2 lines if you want text as well
               icon1.setText(value.s1);
               icon2.setText(value.s2);
     class IconPair {
          public Icon i1,i2;
          public String s1,s2;
          IconPair(String s1, String s2){
               this.i1=(Icon)icons.get(s1);
               this.i2=(Icon)icons.get(s2);
               this.s1=s1;
               this.s2=s2;
     static Map icons = new HashMap();
     public static void createIcons(){
          Image img = new BufferedImage(10,10, BufferedImage.TYPE_INT_ARGB);
          Graphics2D g2=(Graphics2D)(img.getGraphics());
          g2.setColor(Color.BLUE);
          g2.drawLine(0,0,10,10);
          g2.drawLine(0,10,10,0);
          icons.put("cross",new ImageIcon(img));
          img = new BufferedImage(10,10, BufferedImage.TYPE_INT_ARGB);
          g2=(Graphics2D)(img.getGraphics());
          g2.setColor(Color.ORANGE);
          g2.drawOval(1,1,8,8);
          icons.put("circle",new ImageIcon(img));
}

Things aren't resizable in your layout for the custom renderer. Here's your code working as you want (I think)
import java.awt.*;
import java.awt.image.*;
import java.util.*;
import javax.swing.*;
import javax.swing.table.*;
public class TwoIcons extends JFrame {
     public static void main(String[] args){
          createIcons();
          SwingUtilities.invokeLater
               new Runnable()
                    public void run() {
                         new TwoIcons();
     public TwoIcons(){
          super("Test");
          DefaultTableModel tm = new DefaultTableModel(
               new Object[][]{
                    {new IconPair("cross", "cross"), "just a string"},
                    {new IconPair("circle", "cross"),"just another string"},
                    {new IconPair("String", "circle"),"yet another string"}
               }, new String[]{"Two Icons","String"}){
               public Class getColumnClass(int columnIndex){
                    if(columnIndex==0){
                         return IconPair.class;
                    else
                         return super.getColumnClass(columnIndex);
          JTable table = new JTable(tm);
          final Color bg = table.getBackground();
          table.setDefaultRenderer(IconPair.class, new TableCellRenderer(){
                    RendererPanel renderer = new RendererPanel(bg);
                    public Component getTableCellRendererComponent(JTable table, Object value, boolean isSelected, boolean hasFocus, int row, int column) {
                         renderer.setIcons((IconPair)value);
                         return renderer;
          JScrollPane scp = new JScrollPane(table);
          getContentPane().add(scp);
          setSize(400,100);
          setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          pack();
          setVisible(true);
     class RendererPanel extends JPanel{
          JLabel icon1, icon2;
          RendererPanel(Color bg){
               setLayout(new BoxLayout(this,BoxLayout.LINE_AXIS) );
               icon1=new JLabel();
               icon2=new JLabel();
               add(icon1);
               add(icon2);
               icon1.setMinimumSize(new Dimension(0, 0));
               icon2.setMinimumSize(new Dimension(0, 0));
               icon1.setMaximumSize(new Dimension(Integer.MAX_VALUE, Integer.MAX_VALUE));
               icon2.setMaximumSize(new Dimension(Integer.MAX_VALUE, Integer.MAX_VALUE));
               setBackground(bg);
          public void setIcons(IconPair value) {
               icon1.setIcon(value.i1);
               icon1.setToolTipText("Icon 1");
               icon2.setIcon(value.i2);
               icon2.setToolTipText("Icon 2");
               //uncomment next 2 lines if you want text as well
               icon1.setText(value.s1);
               icon2.setText(value.s2);
     class IconPair {
          public Icon i1,i2;
          public String s1,s2;
          IconPair(String s1, String s2){
               this.i1=(Icon)icons.get(s1);
               this.i2=(Icon)icons.get(s2);
               this.s1=s1;
               this.s2=s2;
     static Map icons = new HashMap();
     public static void createIcons(){
          Image img = new BufferedImage(10,10, BufferedImage.TYPE_INT_ARGB);
          Graphics2D g2=(Graphics2D)(img.getGraphics());
          g2.setColor(Color.BLUE);
          g2.drawLine(0,0,10,10);
          g2.drawLine(0,10,10,0);
          icons.put("cross",new ImageIcon(img));
          img = new BufferedImage(10,10, BufferedImage.TYPE_INT_ARGB);
          g2=(Graphics2D)(img.getGraphics());
          g2.setColor(Color.ORANGE);
          g2.drawOval(1,1,8,8);
          icons.put("circle",new ImageIcon(img));
}Note that the ... is a function of the JLabel when it is too small to render its text.

Setting column widths using CSS...

Hi guys,
I am using a simple 2 column table to layout pictures and
text. The problem I'm having is that I'm not sure how to set the
column widths and as such when you flick from page to page the
column widths and don't stay exactly equal to each other as I'd
like them too.
This can clearly be seen through clicking and comparing the
following two pages.
http://www.fyrne.com/mb_food_and_drink.html
http://www.fyrne.com/mb_television.html
Any advice on how I can resolve this would be much
appreciated.
Cheers, J

Hi James,
I see the scrollbars now but now I also see what you mean :(
I think the easy fix is to create a class and apply it to
every single
td that has the text/image/heading to give them a fixed
width! (Maybe
only applying it to the top td's would do the trick... I'm
really no
good with tables)
Hope it made some sense
JamesFryer skrev:
> Hi Kim,
>
> Thanks for posting this link. I think it was Nadia who
previously suggested I
> implement the suggest edcode line to auto add the
vertical scroll bar and avoid
> an overall site shift problem I was having.
>
> However I have now implemented this and am still getting
the shift problem -
> you will notice it is not the overall site (ie the
bordered area) which is
> shifting but the internal table columns. I believe I
have set these column
> widths in DW design view but this often proves
problematic (pushing out the
> width of the main table for no reason although this does
not actually show when
> previewed).
>
> As such I hoped I would be able to control this through
CSS - I don't believe
> it's the same as the shifting problem...
>
> Thanks again, J
>
Kim
http://www.geekministry.com

Centring table in IE using CSS/Wrapper Div for oscommerce

Hi,
I am implementing OScommerce using stylesheets to centre the
oscommerce page in the browser.
I am using a #holder (wrapper) div around the whole BODY
contents with left and right margins set to "auto"
(This is based on Adrian Senior's article on this site
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts_mx2004_05.html).
This works in Firefox, Opera and Netscape, but not in good
old IE. The site stays stubbornly flush left in the IE browser
window.
The site with the problem is
http://www.sueharrington.co.uk/catalog/
I have made it work in all browsers with another site which I
copied the CSS and HTML from and I can't see the difference, other
than the one <div> is enclosing oscommerce and another isn't.
The CSS I use is
#holder {
width:770px;
text-align:left;
margin:0 auto;
padding:0px;
background-color:#FFFFFF;
with the following html
<body marginwidth="0" marginheight="0" topmargin="0"
bottommargin="0" leftmargin="0" rightmargin="0">
<div id="holder"> 
----- HTML or PHP Statements Here
</div>
</body>
Anyone have any ideas or know any nifty IE hacks to get round
this problem?
Many thanks,
Neil

> The CSS I use is
>
> #holder {
> width:770px;
> text-align:left;
> margin:0 auto;
> padding:0px;
> background-color:#FFFFFF;
> }
>
Add to this -
body { text-align:center; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Enscott" <[email protected]> wrote in
message
news:eccg73$gn0$[email protected]..
> Hi,
>
> I am implementing OScommerce using stylesheets to centre
the oscommerce
> page
> in the browser.
>
> I am using a #holder (wrapper) div around the whole BODY
contents with
> left
> and right margins set to "auto"
>
> (This is based on Adrian Senior's article on this site
>
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts_mx2004_05.html).
>
>
> This works in Firefox, Opera and Netscape, but not in
good old IE. The
> site
> stays stubbornly flush left in the IE browser window.
>
> The site with the problem is
>
>
http://www.sueharrington.co.uk/catalog/
>
> I have made it work in all browsers with another site
which I copied the
> CSS
> and HTML from and I can't see the difference, other than
the one <div> is
> enclosing oscommerce and another isn't.
>
> The CSS I use is
>
> #holder {
> width:770px;
> text-align:left;
> margin:0 auto;
> padding:0px;
> background-color:#FFFFFF;
> }
>
> with the following html
>
> <body marginwidth="0" marginheight="0" topmargin="0"
bottommargin="0"
> leftmargin="0" rightmargin="0">
> <div id="holder"> 
>
> ----- HTML or PHP Statements Here
>
> </div>
> </body>
>
>
> Anyone have any ideas or know any nifty IE hacks to get
round this
> problem?
>
> Many thanks,
>
> Neil
>

Set tab position relative to column/table cell width?

I'm creating a form that, not surprisingly, has lots of "blanks" for users to fill out, many of them with $ signs preceding them, like so:
Mortgage $ _________________
Credit cards $ _______________
Loans $ ___________________
So the traditional nice way of doing this is to set a right tab at the right edge of the column with an underscore for a tab leader. I've set up a paragraph style with the tab set like this, so all I have to do is '$'-tab to fill the space.
But other sections of this form use multiple columns, something like:
                    Applicant 1                    Applicant 2
Mortgage      $ _______________        $ _______________
Credit cards $ _______________        $ _______________
Loans           $ _______________        $ _______________
So I put these into tables.
Problem is, these columns are a different width than the others; and I have other widths throughout the document. I'd prefer not to have to create a new paragraph style for each column width. What I really need is a way to set a tab not at a fixed location but "at the right edge of the column" or something similar.
Is there a way to do this in InDesign?
Thanks.

What you want is a "right indent" tab (Shift + Tab). These flaot with the column width, but becasue you don't set them in the tabs panel or the style definition, you can't easily apply a leader. You can however apply an underline to the tab itself, which a lot of us think is nicer, anyway. Use a character style to do that for efficiency (and you can do it in a nested style).

Can't select table cell with big css table border

Hi
When I create a table with a border in css, bigger than 6px,
I can't select a cell or even put text in it, other than in the
code window. Can you explain or help ?

Yeah? Sure .. I will .. thanks!
Nancy
"Murray *ACE*" <[email protected]> wrote
in message
news:ea56v5$3gc$[email protected]..
> Try it Nancy. The OP is correct. It's a bug.
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "Nancy *Adobe Community Expert*"
<[email protected]> wrote in message
> news:ea56t5$3d3$[email protected]..
>> Have you tried clicking within the area and then
selecting the tag you
>> want in the tag selector at the bottom of the
document window?
>>
>>
>> --
>> Nancy Gill
>> Adobe Community Expert
>> BLOG:
http://www.dmxwishes.com/blog.asp
>> Author: Dreamweaver 8 e-book for the DMX Zone
>> Co-Author: Dreamweaver MX: Instant Troubleshooter
(August, 2003)
>> Technical Editor: DMX 2004: The Complete Reference,
DMX 2004: A
>> Beginner's
>> Guide, Mastering Macromedia Contribute
>> Technical Reviewer: Dynamic Dreamweaver MX/DMX:
Advanced PHP Web
>> Development
>>
>>
>> "mchb" <[email protected]> wrote
in message
>> news:ea56dd$2q2$[email protected]..
>>> Hi
>>>
>>> When I create a table with a border in css,
bigger than 6px, I can't
>>> select a cell or even put text in it, other than
in the code window. Can
>>> you explain or help ?
>>
>>
>
>

Input widths - use CSS or size property?

Hi,
what's the best way to add width to form input?
Should i do it by creating class and applying it to the input
or should i just set in the actual HTML via the SIZE attribute
I see didn't methods used throughout the web

I'd take option 1.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"baxxy2000" <[email protected]> wrote in
message
news:ehj0u9$ea5$[email protected]..
> Ok,
> Murray you always seem to be the one to answer my dumb
questions, and i'm
> glad
> you still have the patience.
>
> Now just to clarify, which option is best
>
> 1) Put all global styling on the base input ( i.e
border, background
> color,
> width)
> and then add a seperate class to checkboxes and radio
buttons so that they
> don't inherit that formatting.
>
> 2 )Give every input a unique class
>
> 3 ) A better option?
>
>

Table cells not editable in Contribute

I have a date table (inside a CSS layout) which displays incorrectly in Contribute Edit mode.This is the URL http://www.greencs.co.uk/accreditations.html
In Contribute Edit mode, the right hand column of the table (which contains the PDF certificates) is pushed far out to the right (beyond the rest of the layout) which makes it impossible for the cells in this column to be edited. This also happens in Dreamweaver; the table width is 598 pixels but the Display width (in parenthesis in Dreamweaver) is 1300 px. Does anyone know why the Display width, which I assume Contribute is using in Edit mode, is so wide..... and how I can constrain it.
I have tried adding various table cell widths but to no avail. Help.....
Many thanks

This problem has been solved by placing the logo images in their own table cell instead of floating left. The float and adjacent text caused the problem. Thanks to Neil Gibson @cvwcreative who came up with the solution on Twitter.

Problem with Characteristic cell width

Hi All,
I'm struggling to get the characteristic cell width using the table interface to work correctly.
I have coded the following in CHARACTERISTIC_CELL in the table interface :
move 'style="width:230px"' to c_cell_td_extend.
This appears to work in the Dev system but moving to production, it no longer applies and the charcteristic cells are the size of the values from the queries.
Would anyone have had this same prob or an idea of how to force the charcteristic cells to be the width I want them ?
The reason I am doing this is because I need to place multiple table results above one another and when I remove the cell headings the columns misalign ...
Thanks
Chris

Chris,
if your modifier is working properly , you should be able to see the width=230px in the HTML source of the template.
Another way could be to attach this width to a stylesheet class and attach the class to the cell instead.
Arun
Assign points if useful

Jtable cell width in JFileChooser

I wonder if there is a way to adjust the table cell width in JFileChooser ?
When I list the "My Computer" directory, I can see a list of drives in a JTable, such as "A:\", "C:\", "D:\", I've set it that way so that it displays the JTable view details as default. But the widths of the columns aren't the way I'd like to see, how can I adjust the cell widths of "Name", "Type","TotalSize" ...
Thanks
Frank

uhmm yes, but i want to set automatically at run time,Then you need to calculate it at run time. Search the forum. There are many postings on this topic that give a solution. Basically you loop through all the rows in the column and invoke the prepareRenderer(...) method of the table and save the largest width and then set the TableColumn width.

Tutorial for hyperlinking table cell

Anyone know where i might find a tutorial. Google bringing up
nothing
I want to be able to hyperlink table cells and change table
cell background
color on mouse over etc.
I am really struggling with this therefore need a tutorial
TIA

Why do you need to hyperlink the *cell*?
If you put a normal hyperlink in the cell, and use CSS to
make that <a> tag
display:block, then it will fill the cell, and make the whole
thing
clickable. Further it allows you to use the pseudo-class of
a:hover to
change the background color....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Andrew" <[email protected]> wrote in message
news:e7bgvq$eog$[email protected]..
> Anyone know where i might find a tutorial. Google
bringing up nothing
>
> I want to be able to hyperlink table cells and change
table cell
> background color on mouse over etc.
>
> I am really struggling with this therefore need a
tutorial
>
> TIA
>

Table cell color in webdynpro for ABAP

Hai,
I need to differentiate some table cell values using color change or some other way.
while populating table values, I have a field like mandatory or optional. According to mandatory field, I need to chage color the text of the another column in the same table called "name".
Another help about the table cell popin, I have a column name like "Name" in the table like link to action. If a person clicks on any of the "name" cells, the descriptive value should come as table cell popin.
If you have sample code, that will help me lot.
Thanks,
I will reward points any type of helpful answer.
Tamil

Hi,
did you take a look at the information under http://help.sap.com/saphelp_nw2004s/helpdata/en/b5/ac884118aa1709e10000000a155106/frameset.htm and WDR_TEST_TABLE in the system?
Regards, Heidi

Automatically Sizing Table Cell Width Using CSS

Similar Messages

Maybe you are looking for