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

作者：mylvfamily | 2021-08-22 21:47

求教：如何用angularjs实现表格首列固定

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

回复讨论(解决方案)

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

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

我的笔记

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="";};});

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

我的笔记

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="";};});

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

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

推荐阅读

程序员
带有textMultiLine的EditText不起作用

如何解决《带有textMultiLine的EditText不起作用》经验，为你挑选了1个好方法。 ... [详细]
程序员
寻找在ISS-UI AATS 2016站点上使用的示例IRS AIR XML文件

如何解决《寻找在ISS-UIAATS2016站点上使用的示例IRSAIRXML文件》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何正确找到Heisenbug？

如何解决《如何正确找到Heisenbug？》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何读取用R加密的.xls文件？

如何解决《如何读取用R加密的.xls文件？》经验，为你挑选了1个好方法。 ... [详细]
程序员
我在哪里可以找到Box API的企业ID？

如何解决《我在哪里可以找到BoxAPI的企业ID？》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何在ExtJS中的绑定公式中使用逻辑运算符？

如何解决《如何在ExtJS中的绑定公式中使用逻辑运算符？》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何将向量元素作为参数传递给可变参数模板函数？

如何解决《如何将向量元素作为参数传递给可变参数模板函数？》经验，为你挑选了1个好方法。 ... [详细]
程序员
对子组件执行方法

如何解决《对子组件执行方法》经验，为你挑选了1个好方法。 ... [详细]
程序员
以编程方式创建plist文件而不从主bundle中复制plist

如何解决《以编程方式创建plist文件而不从主bundle中复制plist》经验，为你挑选了1个好方法。 ... [详细]
程序员
我正在尝试从c中的文件读取一行并动态分配内存，但结果总是很糟糕

如何解决《我正在尝试从c中的文件读取一行并动态分配内存，但结果总是很糟糕》经验，为你挑选了1个好方法。 ... [详细]
程序员
必须指定Spring Security authenticationmanager - 用于自定义筛选器

如何解决《必须指定SpringSecurityauthenticationmanager-用于自定义筛选器》经验，为你挑选了2个好方法。 ... [详细]
程序员
是否可以在Java AutoValue中为集合添加值？

如何解决《是否可以在JavaAutoValue中为集合添加值？》经验，为你挑选了1个好方法。 ... [详细]
程序员
变异函数 - 是否存在参数限制？

如何解决《变异函数-是否存在参数限制？》经验，为你挑选了1个好方法。 ... [详细]
程序员
Summernote OnImageUpload未被执行

如何解决《SummernoteOnImageUpload未被执行》经验，为你挑选了1个好方法。 ... [详细]
程序员
委托刷新令牌获取新JWT的基本策略

如何解决《委托刷新令牌获取新JWT的基本策略》经验，为你挑选了0个好方法。 ... [详细]
程序员
R Shiny Dashboard Infobox超过两行

如何解决《RShinyDashboardInfobox超过两行》经验，为你挑选了1个好方法。 ... [详细]
程序员
C - write()系统调用打印乱码而不是pid_t

如何解决《C-write()系统调用打印乱码而不是pid_t》经验，为你挑选了1个好方法。 ... [详细]
程序员
使用Universal Class库中的Windows UWP Windows.Devices.SerialCommunication.SerialDevice

如何解决《使用UniversalClass库中的WindowsUWPWindows.Devices.SerialCommunication.SerialDevice》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何在多个CSV文件中比较,匹配和追加多个值？

如何解决《如何在多个CSV文件中比较,匹配和追加多个值？》经验，为你挑选了1个好方法。 ... [详细]
程序员
c ++中的银行家算法

如何解决《c++中的银行家算法》经验，为你挑选了1个好方法。 ... [详细]

mylvfamily

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

RankList | 热门文章

DevBox开发工具箱 | 专业的在线开发工具网站