chihung
12/11/2019 - 2:10 AM

css diagonal line for cells in table

  .empty-cell {
    position: absolute;

    &:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: linear-gradient(to top right, transparent calc(50% - 1px), #ccc, transparent calc(50% + 1px) ); ==> no IE11
      content: "";
    }
  }
jQuery(document).ready(function($) {
    function getCellHeight() {
        var height_tbody = $('.table-class-schedule tbody').height();
        var width_cell = $('.table-class-schedule td').outerWidth();



        $('.empty-cell').css({height: height_tbody, width: width_cell});

    }
    getCellHeight();
});
background: #7acec3 url(https://gallery.mailchimp.com/d928927…/images/cb299f22-56f2-4f9c-bca9-f3c69a980ee8.png) no-repeat center center/ 100% 100%;
    padding: 124px 165px 15px 0;
    width: 11%;
    position: relative;