DataGrip 2021 使用设置,让你使用起来更丝滑

之前一直用Navicat 15,看到同事使用DataGrip,自己也试了下,真的香!!!

这里站在测试角度,记录一些使用小技巧

安装破解这里就不说了。

1、连接其他数据库

连接数据库时,需要填写某个库的名字,链接后可以通过这里获取不同的库

2、切换库里不同的表

3、汉化

 5、设置执行SQL的快捷键,以及执行范围

注意:可以像Navicat那样选择执行范围,或者更方便的,不用选择,光标在哪,点击执行,自动扩展执行的范围、内容。

6、鼠标滚轮按下以下两个位置可以直接看到表的dll,这个大赞!!!

悬浮在表名也行

7、查询后,直接手动修改表内容需要手动提交

8、对查询内容,切换不同的复制效果 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个使用JavaScript和CSS实现左右滑动的表格示例: ```html <!DOCTYPE html> <html> <head> <title>可左右拖动的表格</title> <style> .table-wrapper { overflow-x: auto; white-space: nowrap; } table { border-collapse: collapse; width: 100%; } th, td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } th { background-color: #f2f2f2; } </style> </head> <body> <div class="table-wrapper"> <table> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> <th>城市</th> <th>学历</th> </tr> </thead> <tbody> <tr> <td>张三</td> <td>25</td> <td>男</td> <td>北京</td> <td>本科</td> </tr> <tr> <td>李四</td> <td>30</td> <td>女</td> <td>上海</td> <td>硕士</td> </tr> <tr> <td>王五</td> <td>28</td> <td>男</td> <td>广州</td> <td>本科</td> </tr> <tr> <td>赵六</td> <td>35</td> <td>女</td> <td>深圳</td> <td>博士</td> </tr> </tbody> </table> </div> <script> // 获取表格包裹器和表格 var tableWrapper = document.querySelector('.table-wrapper'); var table = document.querySelector('table'); // 当鼠标在表格上按下时记录位置 var isDown = false; var startX; var scrollLeft; tableWrapper.addEventListener('mousedown', function(e) { isDown = true; startX = e.pageX - tableWrapper.offsetLeft; scrollLeft = tableWrapper.scrollLeft; }); // 当鼠标移动时拖动表格 tableWrapper.addEventListener('mousemove', function(e) { if (!isDown) return; e.preventDefault(); var x = e.pageX - tableWrapper.offsetLeft; var walk = (x - startX) * 3; tableWrapper.scrollLeft = scrollLeft - walk; }); // 当鼠标松开时停止拖动 tableWrapper.addEventListener('mouseup', function() { isDown = false; }); // 当鼠标离开表格时停止拖动 tableWrapper.addEventListener('mouseleave', function() { isDown = false; }); </script> </body> </html> ``` 在这个示例中,我们首先创建了一个table-wrapper类的div元素,用于包裹表格。然后在CSS中设置了表格和单元格的样式,并将table-wrapper元素的overflow-x属性设置为auto,以便在表格宽度超出容器宽度时显示水平滚动条。 接下来,我们使用JavaScript监听table-wrapper元素上的mousedown、mousemove和mouseup事件。当按下鼠标时,我们记录当前鼠标位置和表格包裹器的scrollLeft值。然后在鼠标移动时,我们计算出鼠标相对于起始位置的偏移量,将其乘以一个常数(3)并将结果减去初始的scrollLeft值,以获得新的scrollLeft值。最后,在鼠标松开或离开表格时,我们停止拖动。 这样就可以实现一个可以左右丝滑拖动的表格。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值