JSFiddle - React, Tailwind, and code Playground

HTML

<table>
</table>

CSS

.black{
    background-color:black;
}
td{
    border:1px solid black;
    margin-bottom:10px;
    width:20px;
    height:20px;
    background-color:white;
}

JavaScript

function bitprint(u) {
  var s="";
  for (var n=0; u; ++n, u>>=1)
    if (u&1) s+=n+" ";
  return s;
}
function bitcount(u) {
  for (var n=0; u; ++n, u=u&(u-1));
  return n;
}
function comb(c,n) {
  var s=[];
  for (var u=0; u<1<<n; u++)
    if (bitcount(u)==c)
      s.push(bitprint(u))
  return s.sort();
}
var x = 7;
var y = 3;
comb(y,x).forEach(function(item){    
    var tr = $('<tr>');
    for(var i=0; i<x;++i){
        tr.append('<td>');
    }
    var chunks = item.split(" ");
    chunks.pop();
    chunks.forEach(function(index){
        tr.find("td").eq(+index).addClass("black");
    });
    $("table").append(tr);
});