6 Replies Latest reply: Nov 5, 2012 10:15 AM by biochemistry43 RSS

    Modify a Table View Header

    biochemistry43
      I need to modify the header of a tableview and I've tried this:
      .table-view {
          -fx-background-color: rgb(70,70,70);
          -fx-text-fill: white;
          -fx-border-style: solid;
          -fx-border-color: transparent;
      /*    -fx-border-insets: 0 1 1 0, 0 0 0 0;*/
          -fx-border-width: 0.083333em, 0.083333em;
      }
      
      .table-view .column-header{
          -fx-border-style: solid;
          -fx-border-color: rgb(130, 130, 130);
          -fx-border-radius: 5px;
          -fx-background-radius: 5px;
          -fx-border-insets: 0 1 1 0, 0 0 0 0;
          -fx-border-width: 0.083333em, 0.083333em;
      }   
          
      .table-view .column-header .label{
          -fx-font-size: 12px;
          -fx-text-fill: white;
      }
      
      .table-view .column-header-background {
          -fx-background-radius: 5px;
          -fx-font-family: "Calibri";
          -fx-background-color:  rgb(50,50,50);
          
      }
      However, I can not edit any table header but only the headers of each column.

      Sorry for the English and grammatical errors. I am Spanish speaking


      I put an image to make it more clear

      http://img823.imageshack.us/img823/49/tableexample.png

      Edited by: biochemistry43 on 30-oct-2012 13:17