JSFiddle - React, Tailwind, and code Playground

HTML

<table id="big" class="tribe-events-calendar" border='1'>

    <thead>

            <tr>

                <th abbr="Monday" id="tribe-events-monday" class="header headerSortDown">Mon</th><th abbr="Tuesday" id="tribe-events-tuesday" class="header headerSortDown">Tue</th><th abbr="Wednesday" id="tribe-events-wednesday" class="header">Wed</th><th abbr="Thursday" id="tribe-events-thursday">Thu</th><th abbr="Friday" id="tribe-events-friday" class="header">Fri</th><th abbr="Saturday" id="tribe-events-saturday" class="header">Sat</th><th abbr="Sunday" id="tribe-events-sunday" class="header">Sun</th>
            </tr>

    </thead>



    <tbody>

        
    
    
    
    

    <tr class="odd">

        <td class="tribe-events-othermonth"></td><td class="tribe-events-othermonth"></td><td class="tribe-events-othermonth"></td><td class="tribe-events-thismonth tribe-events-past"><div><div id="daynum_1" class="daynum tribe-events-event"><a href="http://barchick/calendar/2012-11-01/">1</a><div style="display:none;" class="tribe-events-tooltip" id="tooltip_day_1"><h5 class="tribe-events-event-title">Crime Scene Live &ndash; After Hours Event</h5><h5 class="tribe-events-event-title">Crime Scene Live &ndash; After Hours Event</h5><h5 class="tribe-events-event-title">Crime Scene Live &ndash; After Hours Event</h5><h5 class="tribe-events-event-title">Crime Scene Live &ndash; After Hours Event</h5><h5 class="tribe-events-event-title">Crime Scene Live &ndash; After Hours Event</h5><span class="tribe-events-arrow"></span></div></div>

        <div class="post-12781 tribe_events type-tribe_events status-publish hentry tribe-events-event tribe-events-real-event" id="event_12781-1">

            <a href="http://barchick/calendar/gggggggggg/">Ubuntu</a>

            <div style="display:none;" class="tribe-events-tooltip" id="tooltip_12781-1">

                <h5 class="tribe-events-event-title">Ubuntu</h5>

                <div class="tribe-events-event-body">

                   ...

CSS

table{
    border: 1px solid black;
    table-layout: fixed;
    width: 140px;
    white-space: nowrap;
}

th, td {
    border: 1px solid black;
    overflow: hidden;
    width: 20px;
    height: 20px;
    white-space: nowrap;
}

td > div{
 overflow: hidden;
 max-height: 20px;
}