[CASE-OPEN] Problem solving the gap between header data and title data

November 13, 2018, 02:22 PM

For an HTML output, I usually use the HTMTABLE format and assign classes to the heading, title, data, etc.; and then just use an HTMLFORM block to use css to format the table. You'll find A TON more documentation on the web for css styling than you can find for IBI styling. See example below

  
TABLE FILE CAR 
PRINT 
COUNTRY
CAR 
MODEL
HEADING
"Heading Line 1"
"Heading Line 2"
"Heading Line 3"
"Heading Line 4"
"Heading Line 5"
ON TABLE HOLD FORMAT HTMTABLE
ON TABLE SET PAGE-NUM OFF
ON TABLE SET BYDISPLAY ON
ON TABLE SET STYLE *
TYPE=HEADING, CLASS=tblHead, $
TYPE=TITLE, CLASS=tblTitle, $
TYPE=DATA, CLASS=tblData, $
ENDSTYLE
END

-HTMLFORM BEGIN NOEVAL
<head>
    <style>
        table { 
            border-collapse: collapse;
            font-family: Arial, Helvetica, sans-serif; 
        }
        table tr:nth-child(even) td {
            background-color:#eee;
        }
        .tblHead {
            text-align: center;
            font-size: 20px;
            font-weight: bold;
            background-color: white !important;
        }
        .tblTitle {
            text-align: center;
            font-weight: bold;
            background-color: black !important;
            color: white;
        }
        .tblData {
            font-size: 12px;
        }
    </style>
</head>
<body>