Search
 
SCRIPT & CODE EXAMPLE
 

HTML

HTML table fixing a column

table {
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid grey;
}

td, th {
  margin: 0;
  border: 1px solid grey;
  white-space: nowrap;
  border-top-width: 0px;
}

div {
  width: 500px;
  overflow-x: scroll;
  margin-left: 5em;
  overflow-y: visible;
  padding: 0;
}

.headcol {
  position: absolute;
  width: 5em;
  left: 0;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}

.headcol:before {
  content: 'Row ';
}

.long {
  background: yellow;
  letter-spacing: 1em;
}
Comment

PREVIOUS NEXT
Code Example
Html :: comsumsi api axios 
Html :: graphs in html 
Html :: html color picker snippet 
Html :: normie box dank memer 
Html :: table inside another table in html 
Html :: Drop down 
Html :: <span class="border"</span <span class="border-top"</span <span class="border-end"</span <span class="border-bottom"</span <span class="border-start"</span 
Html :: alt meaning in html 
Html :: carousel in bootstrap 
Html :: how todownload exe file html 
Html :: responsive about us page html code 
Html :: static html require a role 
Html :: html to jade 
Html :: like disLike 
Html :: in form right to left html 
Html :: tailwind button example 
Html :: scrollbar in html div 
Html :: html circle symbol 
Html :: tailwind box with text 
Html :: spellcheck html 
Html :: html p 
Html :: how to get img src from xml 
Html :: xss html 
Html :: Using SVG as an <img 
Html :: latex in html 
Html :: animated gif 
Html :: drivers booster 9 Pro key 
Html :: ng class conditional angular 
Html :: html js import 
Html :: dropdown select with ul li stack overflow 
ADD CONTENT
Topic
Content
Source link
Name
1+5 =