视图内容对齐方式【源码-视图列字段对齐方式】

Q：怎么让视图列的标题和记录中的文字使用自定义的对齐方式？

A:这里提供2种方法：
----------------------------------------------------------------------------------------------
方法一：效果：视图某一列内容居右
1.为视图添加一个查询表单
2.在查询表单的源代码中添加以下代码

1. <script language="javascript" type="text/javascript">
   
2.      jQuery(document).ready(function(){
   
3.           jQuery("#dataTable").find("table").find("tr").each(function(index,obj){
   
4.                if( index >0 ){
   
5.                     jQuery(this).find("td").each(function(i,val){
   
6.                          //第6列文字内容居右显示
   
7.                           if( i==6 ){
   
8.                                jQuery(this).attr("style","text-align:right;padding-right:4px");
   
9.                           }
   
10.                     });
    
11.                }
    
12.           });
    
13.      });
    
14. </script>

复制代码

由于sp8版本后，版本有重构过，所以查询表单中的方法修改成如下：

1. <script language="javascript" type="text/javascript">
   
2.      jQuery(document).ready(function(){
   
3.         setTimeout(function(){
   
4.           jQuery("#dataTable").find("tr").each(function(index,obj){
   
5.                if( index >0 ){
   
6.                     jQuery(this).find("td").each(function(i,val){
   
7.                          //第6列文字内容居右显示
   
8.                           if( i==5 ){
   
9.                                jQuery(this).css("text-align","right");
   
10.                           }
    
11.                     });
    
12.                }
    
13.           });
    
14.         },100);
    
15.      });
    
16. </script>

复制代码

前台的效果如下图:

----------------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------------
方法二：（该方法会使所有的视图生效）效果：视图内容居中
在下图的路径中的文件添加图中圈出的两个样式,即可让视图的标题和记录的文字居中显示,文件路径如下图:

前台的效果如下图:

----------------------------------------------------------------------------------------------