investi-share-price-table

share market fields in a table

by contact_investi_com_au

HTML

<div class="investi-share-price-table"></div>

<script src="//api.investi.com.au/investi.js?apiKey=0253092b-1e0c-4c2c-885a-b9c6c6f42fed"></script>

CSS

.investi-market-data-container {
  display: grid; 
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.investi-market-data-container > div {
  
  border-bottom: 1px solid rgb(229, 231, 235);
  padding: 0.6rem 0;
}

.investi-market-data-field-name {
  font-weight: 600;
}

.investi-movement-percent-up {
  color: green;
}

.investi-movement-percent-up::before {
  content: '▲';
}

.investi-movement-percent-down {
  color: red;
}

.investi-movement-percent-down::before {
  content: '▼';
}