响应表但需要在resize时编辑几行样式

页面是这样的

现在resize它正在改变为这样的事情：

但是我需要最后两行来使用完整的空间，例如结果应该从电子邮件的下面开始，这种中心方法。

表Html是

 
 
 
Employe Id
Name
Email
 
 
 
 
 
1
XyZ
[e-mail]
Result Output Error
 
 
 
2
XyZ2
[e-mail]
Result Output Error
 
 
 
3
Romonov
[e-mail]
Result Output Error
 
 
  

jQuery是：

 ;(function ( $ ) { $.fn.ngResponsiveTables = function(options) { var defaults = { smallPaddingCharNo: 5, mediumPaddingCharNo: 10, largePaddingCharNo: 15 }, $selElement = this, ngResponsiveTables = { opt: '', dataContent: '', globalWidth: 0, init: function(){ this.opt = $.extend( defaults, options ); ngResponsiveTables.targetTable(); }, targetTable: function(){ var that = this; $selElement.find('tr').each(function(){ $(this).find('td').each(function(i, v){ that.checkForTableHead( $(this), i ); $(this).addClass('tdno' + i); }); }); }, checkForTableHead: function(element, index){ if( $selElement.find('th').length ){ this.dataContent = $selElement.find('th')[index].textContent; }else{ this.dataContent = $selElement.find('tr:first td')[index].textContent; } // This padding is for large texts inside header of table // Use small, medium and large paddingMax values from defaults to set-up offsets for each class if( this.opt.smallPaddingCharNo > $.trim(this.dataContent).length ){ element.addClass('small-padding'); }else if( this.opt.mediumPaddingCharNo > $.trim(this.dataContent).length ){ element.addClass('medium-padding'); }else{ element.addClass('large-padding'); } element.attr('data-content', this.dataContent); } }; $(function(){ ngResponsiveTables.init(); }); return this; }; }( jQuery )); 

css是：

 @media (max-width: 480px) { /* CSS Responsive table */ table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr { display: block; } table.responsive thead tr { position: absolute; top: -9999px; left: -9999px; } table.responsive tr { border: 1px solid #ccc; margin-bottom: 10px; } table.responsive td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } table.responsive td:before { position: absolute; top: 6px; left: 6px; width: 40%; padding-right: 10px; text-align: left; word-wrap: break-word; color: skyblue; font-weight:bold; } table.responsive tr:first-child { position: absolute; top: -9999px; left: -9999px; } table.responsive td:before { content: attr(data-content); height: 50px; } table.responsive td.small-padding { padding-top: 5px; padding-bottom: 5px; } table.responsive td.medium-padding { padding-top: 15px; padding-bottom: 15px; } table.responsive td.large-padding { padding-top: 25px; padding-bottom: 25px; } } 

我用过ngResponsiveCss。

你能指导我应该在这里编辑什么吗？