Fine solid black border for table-cell

Hi!
I'm facing the following problem. I'd like to have a tableview where cells have a fine! black (not grey) border. The result should look like a typical Excel-Spreadsheet.
When entering this in the css Stylesheet:
.table-view {
    -fx-background-color: white;
    -fx-border-color: black;
    -fx-border-width: 0.8px;
.table-cell {
    -fx-background-color: white;
    -fx-text-fill: black;
    -fx-border-color: black;
    -fx-border-width: 0.1px;
    -fx-border-style: solid;
The border of the tablecells get grey are still are to width. How could I get my excel-like grid? When increading changing the width (i.e. to 0.5) the line gets "more black") but unfortunately also too wide.
Thanks in advance,
Michael

Hi!
I'm facing the following problem. I'd like to have a tableview where cells have a fine! black (not grey) border. The result should look like a typical Excel-Spreadsheet.
When entering this in the css Stylesheet:
.table-view {
    -fx-background-color: white;
    -fx-border-color: black;
    -fx-border-width: 0.8px;
.table-cell {
    -fx-background-color: white;
    -fx-text-fill: black;
    -fx-border-color: black;
    -fx-border-width: 0.1px;
    -fx-border-style: solid;
The border of the tablecells get grey are still are to width. How could I get my excel-like grid? When increading changing the width (i.e. to 0.5) the line gets "more black") but unfortunately also too wide.
Thanks in advance,
Michael

Similar Messages

  • How to put a solid bottom border for table at page break - XML Publisher

    Hi There,
    In XML Publisher Invoice report template, I have table with hidden lines. It repeat for each invoice item.
    However I need to close the table with a solid line at the page break, when the table is extended to multiple pages.
    How can we know if its a page break. I think we can use an if condition if we know the tag for page break( for example like this <?if:@page-break="true"?> ).
    Thanks in Advance.
    Vishnu.

    You can declare two variables, to hold the previous and current LOCATION values and break the page when it differs.
    Or just before your end-for-each, have this code.
    <?if:position()!=1 and position()!=last() and LOCATION!=following::LOCATION[1]?><xsl:attribute name="break-before">page</xsl:attribute><?end if?>
    Ensure that its placed in a form field.
    This will have a page break when LOCATION changes.

  • Curved border for tables

    How can i create cruved border for table using CSS ?.
    Please post sample code.

    I did not realize that some browsers have started to support
    CSS3 yet.
    Yes the CSS3 spec does allow for a border radius property and
    a few
    users may have a compliant browser that understands it.
    Here is the first link I found with a Google search for "CSS
    curved border"
    http://www.esqsoft.com/css-help/border-radius-css-curved-borders.htm
    Still not a ColdFusion/CFML issue so you are a bit off topic
    for this forum.

  • In dreamweaver CS4, I can't make border for single cell

    Hi folks,
    Having given up trying to make a single cell border in the dreamweaver CS4 template, I reverted to an html page and put in my own header, 2 columns and footer as cells in the html table. I know there's html code for adding borders to single cell, but I can't find it. I hope someone can give me a sample line of html code for giving a cell a border on left side and on right side, including 1px solid color border. Anyone?

    Not sure if this is what you want, at least it will give you an example
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style>
    body {width: 980px; margin: auto; background: #FEE49A;}
    #header {height: 120px; background: #060;}
    #article {height: 400px; width: 749px; float: right; background: #FFF; border-right: 1px solid #060;}
    #aside {height: 400px; width: 228px;    float: left; border-right: 1px solid #060; border-left: 1px solid #060; background: #CCC;}
    #footer {height: 50px; background: #060; clear: both;}
    </style>
    </head>
    <body>
    <div id="header"></div>
    <div id="aside"></div>
    <div id="article"></div>
    <div id="footer"></div>
    </body>
    </html>
    Gramps

  • Border for Excel Cells generated using HTML

    Hi,
    I am generating html at server side and writing the content with
    content type application/xls, all the generated data downloads to
    me in excel sheet. Here in this excel document, I dont have borders
    for the cell where i dont have the data. But for the cells, where data
    is placed, cell borders are available. How do i make the whole excel sheet
    cells as bordered.
    Thanks in advance.
    Regards,
    Rizwan.

    If I have table border="1" they show up. I want
    borders even in other parts of the excel sheet where
    table is not there. Is it possible for that to get
    the borders in entire excel sheet where data is
    present and even if data is not present?IIRC, it would not be possible unless you paint all those borders on the HTML page. An alternate way is to generate the Excel sheet using Jakarta POI, but that would only make your work tougher.

  • Create a black border for select list item

    Need help on creating border on a select list item.
    I tried using style ="border:1px solid black"; in HTML Form Element Attribute , but its not working for select list item, though it works on text field item.
    Nilesh

    Browsers and versions? (Always supply this information when discussing presentation and UI problem.)
    If it's IE, then this is not possible (at least up until IE7 which is all I can test on at present).
    (As HTML, CSS and JavaScript exist outside of APEX, you should search more widely than just OTN when looking for information on these topics.)

  • JTable changing borders for table cells

    Hi,
    I have a JTable which has columns which each represent a month for a
    specified time period. For example, my table displays rows containing numeric data for March 1998 - April 2002.
    I would like to create a Raised Cell for the numeric data for the first
    cell in the time series and a raised cell everytime the numeric data
    is under the column for January of the new year. For example,
    the cell containing the data under March 1998 column should be raised and the cells containing the data for January 1999,2000,2001,2002 should be raised.
    (FYI: I am using a TableModel which extends the AbstractTableModel)
    Many Thanks in advance,
    Alex

    You need to create a custom table cell renderer to do what you are asking. It is what actually draws the cells. Just subclass the DefaultTableCellRenderer and override the getTableCellRendererComponent() method. Look at the source for that class, and just change it to add your logic to use a different border depending on the cell to be drawn.

  • CSS Class for Table Cell Text

    When we were using messageStlyedText in a table region, it was shriking multiple whitespaces to a single whitespace. To solve the problem we are planning to use "rawText" with <pre> tag. But we are not able to specify the default CSS class for a table cell text. Can you please let us know the CSS class to use so that even if we use rawText UI(font, size etc) is similar to adjacent messageStlyedText columns ?
    Note: We are not using formattedText because it is not allowing to add prompt.

    Please try using CSS class OraTableCellText
    Thanks
    Abhay

  • Lights out - need black border for softproofing

    The Lightroom 4 Beta has a white (and not black) background for previewing photos. In another discussion (Lights Out White Border) it was stated that this was intentional, not a bug. Many people requested the Black border be brought back, and the thread is "Assumed Answered". We are given the impression that White is what it will be!
    In softproofing it is critical that we have a black screen in order to view the effects of Simulate Paper & Ink (Reference: Real World Color Management 2nd edition by Bruce Fraser)
    Please bring back the Black Border! We NEED it!
    Scott

    SB Anderson wrote:
    In softproofing it is critical that we have a black screen in order to view the effects of Simulate Paper & Ink (Reference: Real World Color Management 2nd edition by Bruce Fraser)
    I think if Bruce we alive, he would actually change his mind about that...the reason he suggested a black screen was so you weren't influenced by the change from soft proofing off to soft proofing on in Photoshop. He suggested going to a black screen and hitting tab to hide Photoshop UI elements.
    What the current soft proofing in Lightroom is doing is showing Paper White as the area surrounding the image area just as you would see in a final print. The LR UI is already dimmed down to not influence your view of the image. As a result, in Lightroom you really don't need (or want) a black screen.
    Your eyes will use the paper white to adapt to the paper as the brightest area in your field of vision. This will allow you to better judge the relative brightness of your image. Give it a try...the soft proofing in Lightroom is, I think superior to soft proofing in Photoshop. New tools need new ways of using them.
    BTW, Bruce was a good friend and partner in PixelGenius. I've also coauthored two books with him and have a real good idea of the way Bruce thought–and learned a lot from him and still do.

  • Can I force Straddle for table cells in the EDD ?

    This is a question for the techies:
    In my structured EDD, I have created hazard statements according to the ANSI Z535.6 standard, using a table format - with the table heading showing the hazard category (notice, caution, warning, danger) and the rows showing the individual messages. In the individual messages I have an icon to the left and the message text next to it. Visually, it is better to separate the two cells with a thin line. But in the header there is no icon to the left and I would like to remove the thin line. Yes, I am a perfectionist, I know
    Here is what it looks like now:
    As far as I can tell, there is no way to tell Frame to suppress the column separator line in the heading without also removing it in the body rows. And if I do remove the line, there is still a thin white line visible, as the heading cells are filled with an image covering its entire area (but that image does not cross over the invisible line, at least not in the PDF). Another option would be to use straddle on the heading cells, but I need to be able to do everything from the structured EDD and paragraph plus table formats. Is there a way to do this ?
    Thanks in advance
    Jang

    Hi Michael,
    Oh, well. I had already figured out that this is not an option. I did remove the line between the rows, as it does not add any thing to the clarity of the message panels in my hazard statement table. But FM cannot handle two adjacent cells with graphic frames without adding a single hairline between them, even if I told the program that the border should be None. Something about the importance of frames for FM, I guess. I have only been able to remove the extra unwanted and uncalled-for hairline by straddling the cells (manually). Of course I will have to adapt the EDD to allow straddled cells in the header, but that is peanuts compared to the stuff I have been doing to make this design work in the first place.
    As I will have to create a small script to perform a series of necessary steps before a book can be published, and my hazard statement tables all have the exact same small problem, I will probably include a script that goes through the whole book and applies a straddle to any cells in the heading row of any hazard table. Being a perfectionist, writing that script before handing my stuff over to my customer will make me happier than not doing it and saving some time by delivering a solution that does not make me perfectly happy.
    When all the hard work for my current projects is done, I will try to publish an article on how to implement ANSI Z535 compliant hazard statements in structured FM documents. Might be useful for others, too. I will show you my solution at the tcworld fair, if you have some time for that.
    Ciao
    Jang

  • Background Image repeating for table cells

    I am trying to put different images as the background to all
    the cells in a table, so I can put text over the top of them, but I
    cant have an image without it repeating. Ive tried going into the
    code and adding background-image: "no-repeat" but that hasn't
    worked. I know nothing of CSS and it seems really confusing - so if
    this is the answer please give me CSS for dummies instructions.
    Layers drive me bonkers as no 2 browsers display them in the same
    place.
    URL is:
    http://www.visionsportsmedia.com/BillyTestSite/test
    At the moment only cell one is a background image, the rest
    are images inserted normally.
    Hope you can help.
    Thanks.

    Your question reflects the confusing mess your life will be
    if you persist
    with web authoring without taking the time to learn some HTML
    and CSS.
    You have -
    <th height="351" colspan="6" "scope="col">
    Note the extra doublequote just before 'scope'.
    Also note that your preloads (look at the body tag) as well
    as your image
    swaps (look elsewhere - everywhere you see 'file:///') are
    all broken -
    pointing to files on your hard drive. Finally, you might want
    to just think
    about making a page where there is no readable content
    (everything here is
    in images). It will get a zero search engine ranking....
    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
    ==================
    "little bob" <[email protected]> wrote in
    message
    news:gqo8jh$ejo$[email protected]..
    >I am trying to put different images as the background to
    all the cells in a
    > table, so I can put text over the top of them, but I
    cant have an image
    > without
    > it repeating. Ive tried going into the code and adding
    background-image:
    > "no-repeat" but that hasn't worked. I know nothing of
    CSS and it seems
    > really
    > confusing - so if this is the answer please give me CSS
    for dummies
    > instructions. Layers drive me bonkers as no 2 browsers
    display them in the
    > same
    > place.
    >
    > URL is:
    http://www.visionsportsmedia.com/BillyTestSite/test
    >
    > At the moment only cell one is a background image, the
    rest are images
    > inserted normally.
    >
    > Hope you can help.
    >
    > Thanks.
    >

  • Tooltip for table cell.

    Hi all
    I have a report region (the source is a query). There is lot of texts in this report region so for pretty display I am just showing the first few words for the row and column combination (i,j) and what I am looking for is the tooltip so when the user puts the mouse over a particular cell, full text of (i,j) is displayed.
    Is it possible?
    prashant.

    Thanks ATD, but are you sure its "&quot;" . Because I am getting this error
    Query cannot be parsed within the Builder. If you believe your query is syntactically correct, check the ''generic columns'' checkbox below the region source to proceed without parsing. ORA-00904: """: invalid identifier
    I tried selection generic coulmns, its giving this error
    failed to parse SQL query:
    ORA-00904: """: invalid identifier
    Then I tried '&quot;' , I dont get correct result, the result seems to be broken .
    I think its just a matter of syntax. Could you double check it for me ?
    Thanks prashant

  • Higlighting a individual cell or placing border for individaul cell

    hi all,
    Please let me know is there any way to highlight individal cell in alv grid display
    or placing red border around cell in alv grid display.

    Yes , its possible try using CELLSTYLES.

  • Oracle Maps doesn't work inside a table cell?

    Hello everyone,
    I have been using Oracle Maps without a table, but now I need to put the display (&lt;div&gt;) inside a table cell for organization purposes. I noticed that it simply doesn't display the map if I put it there.
    This works and displays the map:
    <body onLoad="loadMainMap()">
          <div id="map_div" style="left:0px; top:0px; width:100%; height:100%; border:2px solid"></div>
    </body>This doesn't display the map (The table and div are there, but no map is shown):
    <body onLoad="loadMainMap()">
        <table>
            <tr>
            <td>
                    <div id="map_div" style="left:0px; top:0px; width:100%; height:100%; border:2px solid"></div>
            </td>
            </tr>
        </table>
    </body>Am I doing something wrong?
    Thanks in advance,
    ~Ruben Jorge

    Hi Ruben,
    That's related to DIV and the inline style you've selected.
    You can try to change the div style with, for example :
    <!--
    <table border=1>
    <tr>
    <td>
    </td>
    <td>
    <div id="map" style="position:absolute;top:100px;bottom:400px;right:150px;left:150px;visibility:visible;overflow:hidden;border:1px"></div>
    </td>
    </tr>
    </table>
    -->
    Or give a try with DIV tables :
    <!--
    <body onload=javascript:showMap();>
    <h3> Exemplo Oracle Maps example - Display de um mapa utilizando DIVs</h3>
         <div id="container">
    <div id="row">
         <div id="left">
              <h4>Left Col</h4>
              <p>...</p>
         </div>
         <div id="map" style="width: 800x; height: 400px">
              <h4>Middle Col</h4>
         </div>
         <div id="right">
         <h4>Right Col</h4>
         <p>...</p>
         </div>
         </div>
    </div>
    </body>
    </html>
    -->
    I've used the following styles :
    <style type="text/css">
    /* <![CDATA[ */
         body {
              margin:0; padding:0;
              font-size:80%;
              font-family: sans-serif;
    #header {
    display: block;
    width: 80%;
    margin: auto;
         #container {
         width: 80%;
         margin: auto;
              padding:0;
              display: table;
              border: 1px solid black;
    #row {
    display: table-row;
         #left {
              width:150px;
              padding:1em;
              background: #EEF;
              display: table-cell;
         #right {
              width:150px;
              padding:1em;
              background:#FEE;
    display: table-cell;
         #middle {
              padding: 1em;
              background:yellow;
    display: table-cell;
    /* ]]> */
    </style>
    Hope it helps!
    Cheers,
    pedro
    Edited by: plopes on May 11, 2009 2:46 PM
    Edited by: plopes on May 11, 2009 4:40 PM

  • Thin borderlines for JText cells

    Hi,
    The following example makes a table based on JTextFields.
    I would like to get thinner border lines as they are in a JTable.
    Who knows how?
    Thanks
    Michel
    package MTabProtoypes;
    import java.awt.Color;
    import java.awt.Container;
    import java.awt.HeadlessException;
    import java.awt.event.MouseEvent;
    import java.awt.event.MouseListener;
    import javax.swing.BorderFactory;
    import javax.swing.JFrame;
    import javax.swing.JTextField;
    /* @author scm */
    public class TabJtextfieldsArray02 extends JFrame implements MouseListener {
         private JTextField[][] txt;     // View: 2D Array of textfields o=o 2D model array 
         private Container cp = getContentPane();
         public static void main(String[] args) {
              int totRows = 256; int totCols=64; int visRows = 16; int visCols=8; int x=10; int y=10; int h=20; int w=70; 
              TabJtextfieldsArray02 mTabTest = new TabJtextfieldsArray02(totRows,totCols,visRows,visCols,x,y,w,h);          // Neue Table
             mTabTest.setSize(600, 400);    
             mTabTest.setVisible( true );
         public TabJtextfieldsArray02(int totRows, int totCols, int visRows, int visCols, int xpos, int ypos, int width, int height) throws HeadlessException {
    //          super ("Tabellen - TabJtextfieldsArray02");
             cp.setLayout( null );
             txt = new JTextField[totRows][totCols]; // Table / Textfield-Array Params (rows/columns)
             for (int i = 0; i < visRows; i++) {appRow (i, visCols, xpos, ypos, width, height);}     // append row by row
                for (int i = 1; i <=visCols; i++) {insText (1,i,"ColHead "+i);}               // Index  Not 0/0, but 1/1, including header
                for (int i = 1; i <=visCols; i++) {setLineAttrib (1,i,1);}                    // Header (light gray)
                cp.addMouseListener((MouseListener) this);
         private void appRow (int row, int visCols, int x, int y, int w, int h) {     // build column row by row
              for (int j = 0; j < visCols; j++) {
                   txt[row][j] = new JTextField();     
                   txt[row][j].addMouseListener(this);
    //               txt[row][j].setBorder(BorderFactory.createEmptyBorder());               // no border
    //               if ((j+1)%2==0) {                                                                 // trial with only odd rows - forget it
    //                    txt[row][j].setBorder(BorderFactory.createRaisedBevelBorder()); // border
    //               } else {
    //                    txt[row][j].setBorder(BorderFactory.createEmptyBorder());          // no border
                   txt[row][j].setBorder(BorderFactory.createRaisedBevelBorder());
    //               txt[row][j].setBackground(Color.lightGray );
    //               txt[row][j].setForeground(Color.gray);
    //               txt[row][j].setBorder(BorderFactory.createLoweredBevelBorder());
    //               txt[row][j].setBorder(BorderFactory.createLineBorder(Color.black));          // Thickness = 1
    //               txt[row][j].setBorder(BorderFactory.createLineBorder(Color.black,1));       // Color, Thickness
    //               System.out.println(txt[row][j].getBorder());
    //               txt[row][j].setBorder(BorderFactory.createMatteBorder(1, 1, 1, 1, Color.black));
    //               txt[row][j].setBorder(BorderFactory.createEtchedBorder());
    //               txt[row][j].setBorder(BorderFactory.createEtchedBorder(EtchedBorder.LOWERED )); //
                   txt[row][j].setBounds(x+j*w,y+y*2*row,w,h);          
    //               txt[row][j].setBounds(x+j*(w-1),y+y*2*row,w,h);     
                   cp.add(txt[row][j]);
    //     Text in ein Tabellenfeld einf�gen
         private void insText (int row, int col, String tabField) {
              txt[row-1][col-1].setText(tabField);
    //     Eine Tabellenelement bekommt ein bestimmtes Aussehen
         public void setLineAttrib (int row, int col, int attrib) {
              switch (attrib) {
              case 1:          // Hintergrund grau
                   txt[row-1][col-1].setBackground(Color.lightGray);     
                   break;
              default:
                   break;
         public void mouseClicked(MouseEvent arg0) {
              System.out.println("mouseClicked: "+arg0);
         public void mouseEntered(MouseEvent arg0) {
              System.out.println("mouseEntered: "+arg0);
         public void mouseExited(MouseEvent arg0) {
              System.out.println("mouseExited: "+arg0);
         public void mousePressed(MouseEvent arg0) {
              System.out.println("mousePressed: "+arg0);
         public void mouseReleased(MouseEvent arg0) {
              System.out.println("mouseReleased: "+arg0);
    }

    but I don't know why.you had a border for each 'cell', meaning between adjacent 'cells' there were 2 borders,
    right side of one adjoining left side of adjacent
    likewise for bottom/top
    the matte border allows you to specify 0 pixels wide for top/left/bottom/right,
    meaning the overall 2 borders are 1 pixel wide
    http://java.sun.com/j2se/1.4.2/docs/api/javax/swing/BorderFactory.html#createMatteBorder(int,%20int,%20int,%20int,%20java.awt.Color)

Maybe you are looking for