Question: There are thousands of articles about how to make a table with fixed header and scrollable body.

But I didn't find any about a table with scrollable header.

In my case there are a lot of columns and they don't have enough space on the screen, how can it be made to have a fixed width and be scrollable horizontally?

I've tried to include the `table` inside a `div`:

```
<div className="table-container">
  <table> ... </table>
</div>

.table-container {
  width: 50%;
}

```

Answer: 
You've probably already figured this out, but for anyone who crosses this question I'll clarify what the other two meant.

```
if (process.env.NODE_ENV === "production") {

  app.use(express.static('client/build'))  // set static folder 

  app.get('*', (req, res)=> {     
    res.sendFile(path.resolve(__dirname, 'client', 'build',         
                  'index.html' )); 
  })
  app.get('*', (req, res)=> {     
    res.sendFile(path.resolve(__dirname, 'client', 'build',         
                  'index.html' )); 
  })
}

```

The above should be in your index/server.js filer in your backend/root folder toward the end above `app.listen(process.env.PORT || 5000....` and below `app.use("/api", routes)` or similar code. Of course the paths in the static and get function should match your specific folder structure.
Probably `scores` is not an array or it is just `undefined` for some reason