JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-latest.js"></script>
<table id="#tbl" width="100%" border="1" cellspacing="1" cellpadding="0">
  <tr>
    <td class="name">Ф.И.О</td>
    <td class="mail">Mail</td>
    <td>Тел</td>
    <td>Моб</td>
    <td class="enter">&nbsp;</td>
  </tr>
  <tr>
    <td class="name">Симонова Галина Ивановна</td>
    <td class="mail">s.makarov@mail.ru</td>
    <td>123</td>
    <td>+7(985) 973 55 74</td>
    <td class="enter">01-09-2014</td>
  </tr>
  <tr>
    <td class="name">Малинец Игорь Иванович</td>
    <td class="mail">s.makarov@mail.ru</td>
    <td>123</td>
    <td>+7(985) 973 55 74</td>
    <td class="enter">01-09-2014</td>
  </tr>
  <tr>
    <td class="name">Фадеев Андрей Николаевич</td>
    <td class="mail">s.makarov@mail.ru</td>
    <td>123</td>
    <td>+7(985) 973 55 74</td>
    <td class="enter">01-09-2014</td>
  </tr>
  <tr>
    <td class="name">Макаров Сергей Анатольевич</td>
    <td class="mail">s.makarov@mail.ru</td>
    <td>123</td>
    <td>+7(985) 973 55 74</td>
    <td class="enter">01-09-2014</td>
  </tr>
</table>

CSS

<style type="text/css">
* { padding:0px; margin:0px; }
@media screen and (max-width: 650px) {
.mail {
	background-color:red;
	display:none;
   }
   .enter {
	background-color:green;
	display:none;
   }
</style>

JavaScript

$(document).ready(function(){
	windowWidth = $(window).width();
	windowHeight = $(window).height();
	//alert(windowWidth);
if(windowWidth<650){
	$(".name").each(function(i){
			var name=$(this).text();
    		$(this).html(name.replace(/(\S+)\s+(\S)\S*\s+(\S)\S*/,'$1 $2. $3.'));
									});
}

$(window).resize(function() {
	windowWidth = $(window).width();
	windowHeight = $(window).height();
	//alert(windowWidth+" \ "+windowHeight);
	if(windowWidth<650){
		$(".name").each(function(i){
			var name=$(this).text();
    		$(this).html(name.replace(/(\S+)\s+(\S)\S*\s+(\S)\S*/,'$1 $2. $3.'));
									});
	}

});

});