Skip to main content
Announcements
Qlik Connect 2024! Seize endless possibilities! LEARN MORE
cancel
Showing results for 
Search instead for 
Did you mean: 
Anonymous
Not applicable

Widget table

I want  to add dimensions and measures to this Table I am working on in the Widget editor, can you help because the way I am going about it is not working?

<style type="text/css">

.tg {border-collapse:collapse;border-spacing:0;border-color:#aabcfe;}

.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aabcfe;color:#669;background-color:#e8edff;}

.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aabcfe;color:#039;background-color:#b9c9fe;}

.tg .tg-hmp3{background-color:#D2E4FC;text-align:left;vertical-align:top}

.tg .tg-baqh{text-align:center;vertical-align:top}

.tg .tg-mb3i{background-color:#D2E4FC;text-align:right;vertical-align:top}

.tg .tg-lqy6{text-align:right;vertical-align:top}

.tg .tg-0lax{text-align:left;vertical-align:top}

</style>

<table class="tg">

  <tr>

    <th class="tg-baqh" colspan="6"></th>

  </tr>

  <tr>

    <td class="tg-hmp3"></td>

    <td class="tg-hmp3"></td>

    <td class="tg-hmp3"></td>

    <td class="tg-hmp3"></td>

    <td class="tg-hmp3"></td>

    <td class="tg-hmp3"></td>

  </tr>

  <tr>

    <td class="tg-0lax"></td>

    <td class="tg-0lax"></td>

    <td class="tg-lqy6"></td>

    <td class="tg-lqy6"></td>

    <td class="tg-lqy6"></td>

    <td class="tg-lqy6"></td>

  </tr>

  <tr>

    <td class="tg-hmp3"></td>

    <td class="tg-hmp3"> </td>

    <td class="tg-mb3i"></td>

    <td class="tg-mb3i"></td>

    <td class="tg-mb3i"></td>

    <td class="tg-mb3i"></td>

  </tr>

  <tr>

    <td class="tg-0lax"></td>

    <td class="tg-0lax"></td>

    <td class="tg-lqy6"></td>

    <td class="tg-lqy6"></td>

    <td class="tg-lqy6"></td>

    <td class="tg-lqy6"></td>

  </tr>

</table>

1 Solution

Accepted Solutions
petter
Partner - Champion III
Partner - Champion III

Have you tried installing the widget samples that come with Qlik Sense Desktop. They should give you a pretty good idea on how to use Angular in your HTML to do what you want.

View solution in original post

1 Reply
petter
Partner - Champion III
Partner - Champion III

Have you tried installing the widget samples that come with Qlik Sense Desktop. They should give you a pretty good idea on how to use Angular in your HTML to do what you want.