How to apply CSS to an HTML table using RenderSnake library?

Question

I am trying to use Render Snake HTML library to programatically generate HTML for me. I am trying to make a HTML table by using RenderSnake as shown below.

PoolName    TotalSyncCount  TotalAsyncCount SyncNinetyFivePercentile    AsyncNinetyFivePercentile

Hello          100              100             4                           0
World          300              300             2                           0

Here PoolName, TotalSyncCount, TotalAsyncCount, SyncNinetyFivePercentile and AsyncNinetyFivePercentile are my column names.

Below is my example which I am able to create using RenderSnake library and it generates HTML for me.

public class RendersnakeTest {

    public static void main(String[] args) throws IOException {

        List poolMetricsList = new ArrayList<>();
        poolMetricsList.add(new PoolMetrics("A", "0", "0", "0", "0"));
        poolMetricsList.add(new PoolMetrics("A", "1", "1", "1", "1"));
        poolMetricsList.add(new PoolMetrics("A", "2", "2", "2", "2"));
        poolMetricsList.add(new PoolMetrics("A", "3", "3", "3", "3"));
        poolMetricsList.add(new PoolMetrics("A", "4", "4", "4", "4"));

        HtmlCanvas html = new HtmlCanvas();
        html.html().body().table().tr().th().content("PoolName").th().content("TotalSyncCount").th()
                .content("TotalAsyncCount").th().content("SyncNinetyFivePercentile").th()
                .content("AsyncNinetyFivePercentile")._tr();

        // add the rows
        for (PoolMetrics pool : poolMetricsList) {
            html.tr()
                    .td(class_("city-table")).content(pool.getPoolName())
                    .td().content(pool.getTotalAsyncCount())
                    .td().content(pool.getTotalSyncCount())
                    .td().content(pool.getSyncNinetyFivePercentile())
                    .td().content(pool.getAsyncNinetyFivePercentile())
                ._tr();
        }

        // close the table
        html._table()._body()._html();

        // write the file
        final String rendered = html.toHtml();
        final File output = new File("c:/output.html");
        Files.write(output.toPath(), rendered.getBytes("UTF-8"), StandardOpenOption.TRUNCATE_EXISTING);

        // and send out an html email with above table
        // so at this moment I would like to have css embedded in my html table so that once I receive html email
        // it should have applied css in it
        SendEmail.getInstance().sendEmail("abc@host.com", "abc@host.com", "TestSubject", html.toHtml());
    }
}

class PoolMetrics {

    private String poolName;
    private String totalSyncCount;
    private String totalAsyncCount;
    private String syncNinetyFivePercentile;
    private String asyncNinetyFivePercentile;

    public PoolMetrics(String poolName, String totalSyncCount, String totalAsyncCount, String syncNinetyFivePercentile, String asyncNinetyFivePercentile) {
        this.poolName = poolName;
        this.totalSyncCount = totalSyncCount;
        this.totalAsyncCount = totalAsyncCount;
        this.syncNinetyFivePercentile = syncNinetyFivePercentile;
        this.asyncNinetyFivePercentile = asyncNinetyFivePercentile;
    }

    public String getPoolName() {
        return poolName;
    }

    public String getTotalSyncCount() {
        return totalSyncCount;
    }

    public String getTotalAsyncCount() {
        return totalAsyncCount;
    }

    public String getSyncNinetyFivePercentile() {
        return syncNinetyFivePercentile;
    }

    public String getAsyncNinetyFivePercentile() {
        return asyncNinetyFivePercentile;
    }
}

Problem Statement:

Now I would like to apply CSS on my above table which I am not sure how to apply. In general, I would like to use this CSS in my above table using RenderSnake library.

I am not able to understand from their documentation how to apply the CSS. Can anyone help me to do this?

The thing which I am not able to understand is where do we put the CSS file so that it can apply that CSS on my table and how my program will know that it has to apply this CSS. In general, I will be sending out my table as part of an HTML e-mail so in the e-mail it should have all the CSS embedded in the table.

I am familiar with HTML and CSS and how they work but getting confuse with RenderSnake library and how to use it.

How to apply CSS to an HTML table using RenderSnake library?

Answers (1)

Related Questions