设置x-editable编辑框的大小

我的x-editable是结合BootstrapTable一起使用的,如需要将x-editable和BootstrapTable整合,请参考 BootstrapTable结合x-editable实现单元格编辑。

使用x-editable进行编辑时候,其编辑框太小了,如图


image.png

于是想办法将其设置大一点,首先想到的是通过css进行修改,于是用浏览器检查了编辑框元素,发现了如下补齐:


image.png

当时就想这大概是使用JS生成出来的,于是全局搜索了一下JS源代码,最后从bootstrap-editable.js找到了如下源代码:


image.png

图中inputclass: 'input-large',以及rows: 7都是前面检查元素时候出现过的,因此可以联想到是这个地方配置了这些参数,那么我们可以通过配置来实现样式的改变,于是在编辑框配置中加入两句就好了


image.png

最终效果如图:


image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 29,315评论 1赞 45
  • 0. 写在前面 当你开始工作时,你不是在给你自己写代码,而是为后来人写代码。 —— Nichloas C. Zak...
    康斌阅读 5,612评论 1赞 42
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 5,220评论 0赞 0
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 17,094评论 4赞 61
  • pygame.image 上节课的猫咪移动里我们用了cat.png图片,使用了pygame.image 模块,这个...
    阿达老师阅读 700评论 0赞 0

友情链接更多精彩内容