最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

求教:如何用angularjs实现表格首列固定_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 16:01:51
文档

求教:如何用angularjs实现表格首列固定_html/css_WEB-ITnose

求教:如何用angularjs实现表格首列固定_html/css_WEB-ITnose:如题,这该如何解决呢?求各位大神给意见啊 回复讨论(解决方案) 没图帮不了你,说实话你完全可以这样, 第一列是一个表格,其余列是一个表格,这样就可以了 table, th , td { border: 1px solid grey; border-collapse:
推荐度:
导读求教:如何用angularjs实现表格首列固定_html/css_WEB-ITnose:如题,这该如何解决呢?求各位大神给意见啊 回复讨论(解决方案) 没图帮不了你,说实话你完全可以这样, 第一列是一个表格,其余列是一个表格,这样就可以了 table, th , td { border: 1px solid grey; border-collapse:


如题,这该如何解决呢?求各位大神给意见啊


回复讨论(解决方案)

没图帮不了你,说实话你完全可以这样,

第一列是一个表格,其余列是一个表格,这样就可以了

				我的笔记	
{{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }}


myTodoApp.js:
var app = angular.module("myTodoApp",[]);


myTodoCtrl.js:
app.controller("myTodoCtrl",function($scope){	$scope.message="";	$scope.firstnames=[{"Name" : "Alfreds Futterkiste","City" : "Berlin","Country" : "Germany"},{"Name" : "Berglunds snabbköp","City" : "Luleå","Country" : "Sweden"},{"Name" : "Centro comercial Moctezuma","City" : "México D.F.","Country" : "Mexico"},{"Name" : "Ernst Handel","City" : "Graz","Country" : "Austria"},{"Name" : "FISSA Fabrica Inter. Salchichas S.A.","City" : "Madrid","Country" : "Spain"},{"Name" : "Galería del gastrónomo","City" : "Barcelona","Country" : "Spain"}];	$scope.twonames=[{"Name" : "Alfreds Futterkiste","City" : "Berlin","Country" : "Germany"},{"Name" : "Berglunds snabbköp","City" : "Luleå","Country" : "Sweden"},{"Name" : "Centro comercial Moctezuma","City" : "México D.F.","Country" : "Mexico"},{"Name" : "Ernst Handel","City" : "Graz","Country" : "Austria"},{"Name" : "FISSA Fabrica Inter. Salchichas S.A.","City" : "Madrid","Country" : "Spain"},{"Name" : "Galería del gastrónomo","City" : "Barcelona","Country" : "Spain"},{"Name" : "Island Trading","City" : "Cowes","Country" : "UK"},{"Name" : "Königlich Essen","City" : "Brandenburg","Country" : "Germany"},{"Name" : "Laughing Bacchus Wine Cellars","City" : "Vancouver","Country" : "Canada"},{"Name" : "Magazzini Alimentari Riuniti","City" : "Bergamo","Country" : "Italy"},{"Name" : "North/South","City" : "London","Country" : "UK"},{"Name" : "Paris spécialités","City" : "Paris","Country" : "France"},{"Name" : "Rattlesnake Canyon Grocery","City" : "Albuquerque","Country" : "USA"},{"Name" : "Simons bistro","City" : "København","Country" : "Denmark"},{"Name" : "The Big Cheese","City" : "Portland","Country" : "USA"},{"Name" : "Vaffeljernet","City" : "Århus","Country" : "Denmark"},{"Name" : "Wolski Zajazd","City" : "Warszawa","Country" : "Poland"}];	$scope.left=function(){ return 100- $scope.message.length;};	$scope.clear=function(){$scope.message="";};	$scope.save = function(){$scope.message="";};});


基本效果就是这样,具体你自己调整一下吧.

				我的笔记	
{{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }} {{two.Name}} {{ two.Country }}


myTodoApp.js:
var app = angular.module("myTodoApp",[]);


myTodoCtrl.js:
app.controller("myTodoCtrl",function($scope){	$scope.message="";	$scope.firstnames=[{"Name" : "Alfreds Futterkiste","City" : "Berlin","Country" : "Germany"},{"Name" : "Berglunds snabbköp","City" : "Luleå","Country" : "Sweden"},{"Name" : "Centro comercial Moctezuma","City" : "México D.F.","Country" : "Mexico"},{"Name" : "Ernst Handel","City" : "Graz","Country" : "Austria"},{"Name" : "FISSA Fabrica Inter. Salchichas S.A.","City" : "Madrid","Country" : "Spain"},{"Name" : "Galería del gastrónomo","City" : "Barcelona","Country" : "Spain"}];	$scope.twonames=[{"Name" : "Alfreds Futterkiste","City" : "Berlin","Country" : "Germany"},{"Name" : "Berglunds snabbköp","City" : "Luleå","Country" : "Sweden"},{"Name" : "Centro comercial Moctezuma","City" : "México D.F.","Country" : "Mexico"},{"Name" : "Ernst Handel","City" : "Graz","Country" : "Austria"},{"Name" : "FISSA Fabrica Inter. Salchichas S.A.","City" : "Madrid","Country" : "Spain"},{"Name" : "Galería del gastrónomo","City" : "Barcelona","Country" : "Spain"},{"Name" : "Island Trading","City" : "Cowes","Country" : "UK"},{"Name" : "Königlich Essen","City" : "Brandenburg","Country" : "Germany"},{"Name" : "Laughing Bacchus Wine Cellars","City" : "Vancouver","Country" : "Canada"},{"Name" : "Magazzini Alimentari Riuniti","City" : "Bergamo","Country" : "Italy"},{"Name" : "North/South","City" : "London","Country" : "UK"},{"Name" : "Paris spécialités","City" : "Paris","Country" : "France"},{"Name" : "Rattlesnake Canyon Grocery","City" : "Albuquerque","Country" : "USA"},{"Name" : "Simons bistro","City" : "København","Country" : "Denmark"},{"Name" : "The Big Cheese","City" : "Portland","Country" : "USA"},{"Name" : "Vaffeljernet","City" : "Århus","Country" : "Denmark"},{"Name" : "Wolski Zajazd","City" : "Warszawa","Country" : "Poland"}];	$scope.left=function(){ return 100- $scope.message.length;};	$scope.clear=function(){$scope.message="";};	$scope.save = function(){$scope.message="";};});


基本效果就是这样,具体你自己调整一下吧.



非常感,我尝试用两个表格显示吧。

文档

求教:如何用angularjs实现表格首列固定_html/css_WEB-ITnose

求教:如何用angularjs实现表格首列固定_html/css_WEB-ITnose:如题,这该如何解决呢?求各位大神给意见啊 回复讨论(解决方案) 没图帮不了你,说实话你完全可以这样, 第一列是一个表格,其余列是一个表格,这样就可以了 table, th , td { border: 1px solid grey; border-collapse:
推荐度:
标签: 怎么做 表格 如何
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top